微信小程序实现多图上传的方法

实现多张图上传的功能一、实现原理:基于单张图片的上传方法,一直递归调用,直到全部图片传完时停止。二、遇到的问题最初我是直接采用for循环来调用图片上传的方法,但是会存在异步的问题。1、for循环并不会等当前图片的uploadFile方法执行成功了才去循环下一个2、for循环调用的速度是比uploadFile方法执行要快,会一下子调用好几张图片上传的方法,那么这几个请求...
摘要由CSDN通过智能技术生成

实现多张图上传的功能

一、实现原理:

基于单张图片的上传方法,一直递归调用,直到全部图片传完时停止。 

二、遇到的问题

最初我是直接采用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: '提交中'
				});
				//记录成功上
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值