el-upload多文件上传成功回调确只有一次

最新推荐文章于 2025-04-26 10:39:56 发布

Ypromise-

最新推荐文章于 2025-04-26 10:39:56 发布

阅读量1.9k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44220845/article/details/133785594

版权

文章讲述了在使用ElementUI的el-upload组件进行多文件上传时，如何通过`handleSuccess`回调函数确保每个文件上传成功后独立处理。作者提到，当所有文件上传完成后，只将接口返回的新上传文件添加到fileList中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-upload 开启 multiple 多选

:on-success="handleSuccess" 上传多个而回调只有一次

修改解决：

handleSuccess(response, file, fileList) {
   //等待所有文件都上传完成，这里注意fileList是所有的文件（包含已上传的）
   if(fileList.every(it => it.status == 'success')) { 
      console.log(fileList);
      fileList.map(item => {
       //只push新上传的 （带有response，response为接口返回 ）
        item.response &&this.fileList.push({name:item.name,fieidId:item.response.obj})
      })
      //console.log( this.fileList);
    }
}