【无标题】

最新推荐文章于 2024-07-14 18:10:31 发布

weixin_44617042

最新推荐文章于 2024-07-14 18:10:31 发布

阅读量50

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_44617042/article/details/128611967

版权

关于批量上传处理

multipleUpload(data) {
var that = this; // 改变this指向
function callPromise(data) {
return new Promise((resolve, reject) => {
//上传函数
multiUpload(data).then(res => {
if (res.data) {
res.data.forEach((item) => {
const { fileName, id } = item;
//这里是每个上传需要处理的事
that.fileList.push({ fileId: id, fileName });
});
}
resolve(data);
});
});
}

        const result = data.reduce((accumulatorPromise, next) => {
            return accumulatorPromise.then(() => {	// 上一个接口执行完毕再执行下一个
         
                return callPromise(next);
            });
        }, Promise.resolve());
        result.then(e => {
            this.spinning = false;
               //这里是所有上传完处理的事
            this.$message.success('上传成功');
            uploadNum = 0;
        });
    },