element upload on-success为何只触发一次?如何获取上传后 接口返回的id跟url

代码如下:
捕获12311.JPG

接口请求:
地址231.JPG

rep是自动上传成功后 后台返回的图片数据 id 跟 imgUrl
地址.JPG

现在多张图片上传后 success只走了一次,无法获取全部数据

阅读 7.3k
2 个回答

clipboard.png

fileList就可以得到所有的上传文件数据啊

el-upload上传多张图片默认是一张一张传的。想要一次传多张,需要自己写。
定义el-upload中的http-request如:@http-request="uploadFile",
在uploadFile方法中给formData赋值。如:

uploadFile(file) {
    this.formData.append("file", file.file);
},

假如el-upload的ref="file",在提交按钮的事件中写下如下代码

// 这里是触发上面的uploadFile事件,给formData赋值
this.$refs.file.submit();

再然后就是把formData传递给后台了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题