当前位置: 首页 > news >正文

element-ui中的上传组件el-upload非自动上传监听不到success

当设置了:auto-upload="false"

监听不到success回调

要用自定义请求去监听

:http-request="requestUploadFile"

//设置 auto-upload为false,要自定义请求http-request
//:auto-upload="false"
//:http-request="requestUploadFile"<el-uploadref="upload"class="upload-demo"v-loading="loading"action="#":headers="Token":limit="1":multiple='true':auto-upload="false":http-request="requestUploadFile":on-change="handleChange":accept="accept":file-list="fileList":on-preview="handlePictureCardPreview":show-file-list="true"><el-button type="success">点击上传</el-button></el-upload>
//自定义请求方法
async requestUploadFile(options) {const { action, data, file, filename, headers, onError, onProgress, onSuccess } = options;// 创建 FormDataconst formData = new FormData();formData.append(filename, file);// 添加额外数据if (data) {Object.keys(data).forEach(key => {formData.append(key, data[key]);});}// 使用 axios 或其他 HTTP 库上传axios.post(this.BASE_API+this.url, formData, {headers: {...headers,'Content-Type': 'multipart/form-data'},}).then(response => {// console.log('上传成功---',response)if(response.data.code == 0){this.$emit('queryHandle')this.$message({message: response.data.msg,type: "success",});}else{this.$message({message: response.data.msg,type: "error",});}}).catch(error => {this.$message({message: error,type: "error",});});},//发送按钮submitUpload() {this.$refs.upload.submit();},

相关文章:

  • go for 闭环问题【踩坑记录】
  • DeepseekV3MLP 模块
  • 快充协议芯片XSP04D支持使用一个Type-C与电脑传输数据和快充取电功能
  • 腾讯一面-软件开发实习-PC客户端开发方向
  • LX4-数据手册相关
  • CentOS 7进入救援模式——VirtualBox虚拟机
  • 23. git reset
  • unity TEngine学习4
  • 【Andorid备案获取keystore里面的公钥和SHA-1码等等】
  • 怎么发布、更新Python第三方库?以potx-cloud为例
  • PHP日志会对服务器产生哪些影响?
  • 基于DeepSeek/AI的资产测绘与威胁图谱构建
  • 华为VRP系统知识总结及案例试题
  • 【Python核心库实战指南】从数据处理到Web开发
  • TapData × 梦加速计划 | 与 AI 共舞,TapData 携 AI Ready 实时数据平台亮相加速营,企业数据基础设施现代化
  • DeepSeek赋能Nuclei:打造网络安全检测的“超级助手”
  • RHCE 练习二:通过 ssh 实现两台主机免密登录以及 nginx 服务通过多 IP 区分多网站
  • 图论-Floyd算法
  • aws服务--S3介绍使用代码集成
  • 【Vue】修饰符
  • 新片|真人版《星际宝贝史迪奇》5月23日与北美同步上映
  • 世界读书日丨上图东馆开启残疾人无障碍文化服务
  • 安且吉兮,西泠印社雅集吴昌硕故里
  • 言短意长|把水搅浑的京东和美团
  • 世界读书日|南京图书馆开了首个网络文学主题阅读空间
  • 神舟二十号全系统合练今日展开