图片上传保证顺序

最新推荐文章于 2023-10-12 10:38:31 发布

keykai9256

最新推荐文章于 2023-10-12 10:38:31 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_32294071/article/details/108261626

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了使用ES6的Promise进行图片批量上传的方法，包括并行上传和按顺序逐个上传的两种策略。通过Promise.all实现并发上传，提高效率；而递归函数确保图片按顺序上传，适用于对上传顺序有要求的场景。

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

es6
Promise
同步请求

                let promiseList = []
                that.imglist.forEach((v,i)=>{
                     promiseList.push(new Promise((resolve, reject)=> {
                         let imgData = new FormData()
                         imgData.append('file', v)
                         uploadpic('dir',imgData).then(res =>{
                             resolve(res)
                         })
                     }));
                 })
                 Promise.all(promiseList).then((rspList)=> {
                     console.log('rspList',rspList)
                 });

递归
按顺序请求

			again(i){
				const that = this
                if(i>that.imglist.length-1) return
                let currenti = i
                let imgData = new FormData()
                imgData.append('file', that.imglist[i])
                uploadpic('dir',imgData).then(res =>{
                    console.log('rspList',that.imglist)
                    currenti = currenti+1
                    that.again(currenti)
                })
             }