实现多张图上传的功能
一、实现原理:
基于单张图片的上传方法,一直递归调用,直到全部图片传完时停止。
二、遇到的问题
最初我是直接采用for循环来调用图片上传的方法,但是会存在异步的问题。
1、for循环并不会等当前图片的uploadFile方法执行成功了才去循环下一个
2、for循环调用的速度是比uploadFile方法执行要快,会一下子调用好几张图片上传的方法,那么这几个请求发送到后端会存在并发的问题(当然后端是可以解决这个问题的),不过我这里要说的是从前端解决这个问题。
二、实现代码
tips:基于uni-app框架写的微信小程序,用原生的朋友请自行修改相应的写法
//上传多张图片
submitImgArray2(fileArray, infoId) {
var that = this;
var uid = uni.getStorageSync("userId");
// console.log("进来了")
// console.log(fileArray)
// console.log(that.num)
// console.log(fileArray[that.num])
uni.showLoading({
title: '提交中'
});
//记录成功上