首页 > 其他分享 >使用element plus 实现在web上向 图床传输图片文件并返回信息

使用element plus 实现在web上向 图床传输图片文件并返回信息

时间:2023-03-19 16:55:05浏览次数:40  
标签:web const log element 图床 console response 图片

<!--图片上传-->             <el-upload                   ref="uploadRef"                   class="upload-demo"                   action="https://xxx.xxxxx.xxxx/xxxx/xxxxx.php"//图床api调用地址                   name="image"//传输名字命名为image                   :data="{token:'1c17b11693cb5ecdjawjdlkawd639c1b2'}"//使用element plus 的data属性上传token密钥                   :auto-upload="false"//关闭默认的自动上传                   :on-success="imgUpSuccess"//上传完成后执行的钩子函数                 >                     <template #trigger>                       <el-button type="primary">select file</el-button>                     </template>                   </el-upload>   //图片上传 const uploadRef = ref<UploadInstance>() const submitUpload = () => {   uploadRef.value!.submit() } //图片上传成功默认执行的钩子函数 const imgUpSuccess = (response: any) => {     console.log("Dwadwaw")     console.log(response)     addVisible.value = false;     ElMessage.success(`添加成功成功`); };  

标签:web,const,log,element,图床,console,response,图片
From: https://www.cnblogs.com/qi-Blog/p/17233571.html

相关文章

  • WP | XCTF上两道Web方向基础题
    一、unserialize31、进入靶场环境界面如下: 是一段Java代码 2、题目unserialize给出提示这题的方向是反序列化关于序列化的概念:序列化(Serialization)是将对象的......
  • 使用vue2+element-ui+axios实现后台管理系统的增删改查
    以下仅作为自己个人学习使用前言:需要后端的接口已经在另外一篇博客写了,需要的小伙伴们可以去那边参考,下面是链接https://www.cnblogs.com/Amyel/p/17233060.html正片......
  • 【WebLogic使用】5.WebLogic创建虚拟主机和绑域名
    一、创建虚拟主机启动WebLogic服务,登录到WebLogic的服务控制台:在主界面,我们选择左侧的选项栏中的“环境”-->“虚拟主机”选项:点击“新建”,进入新建......
  • 【WebLogic使用】4.使用WebLogic部署Web应用
    我们之前都是使用MyEclipse的Server视窗来部署应用到WebLogic服务器上,但是这仅仅是我们的开发步骤,带我们开发完成之后,将应用部署到生产环境的时候,一......
  • Java Web中端口被占的问题
    使用win+r打开命令行,输入下列代码查询被占用的端口netstat-ano|findstr8080 发现该端口被PID(进程ID)为20792的进程占用。打开任务管理器,点击详情信息,找到并结束该......
  • #yyds干货盘点#JSON Web Tokens 是如何工作的
    在用户权限校验的过程中,一个用户如果使用授权信息成功登录后,一个JSONWebToken将会返回给用户端。因为返回的令牌包含有授权信息,应用程序应小心保存这些授权信息,以避免不......
  • #yyds干货盘点#JSON Web Tokens 是如何工作的
    在用户权限校验的过程中,一个用户如果使用授权信息成功登录后,一个JSONWebToken将会返回给用户端。因为返回的令牌包含有授权信息,应用程序应小心保存这些授权信息,以避免不......
  • RHEL 7配置HAProxy实现Web负载均衡
    本文将简单介绍使用HAProxy实现web负载均衡,主要内容包括基于权重的轮询、为HAProxy配置https、配置http重定向为https、配置HAProxy使用独立日志。一、测试环境HAProxy:......
  • 旁挂式三层组网-隧道转发模式web配置
    拓扑图相关命令1.AR12.AR23.LSW14.LSW25.AC16.Cloudweb配置在ac1上配置与cloud相关网段的vlan1,同时开启HTTP服务在浏览器上登入https://网段......
  • webpack原理(1):Webpack热更新实现原理代码分析
    热更新,主要就是把前端工程文件变更,即时编译,然后通知到浏览器端,刷新代码。服务单与客户端通信方式有:ajax轮询,EventSource、websockt。客户端刷新一般分为两种:整体页面刷新,......