微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决

微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决

微信小程序上传图片的时候，如果是多图片上传，一般都是直接用一个循环进行wx.uploadFile

这个在电脑上面测试与苹果手机上面都不会有什么问题

但当用安卓测试的时候，你会发现小程序会提示一个the same task is working

wx.uploadFile不能并行，因为wx.uploadFile是一个异步函数，所以循环的时候在安卓手机上会出现并行

解决的方法

做一个上传完的标识，然后

用递归算法进行上传

在上传成功的回调函数里面，直接递归，标识满足直接跳出，完成所有图片上传

贴上个代码段

//上传标识
var i=0
//imglist为要上传图片的路径数组
uploadImg: function () {
var that = this
if (i == imglist.length) {
//清空还原
news = ""
city = ""
i=0
wait = true
imglist = []
serverImg = []
retrunList = []
that.setData({
loding: false,
src: [],
disabled: false
})
return;
}
var imgcount = imglist.length;
wx.uploadFile({
url: config.serverUrl('index.php/user/uploadtu'),
filePath: imglist[i],
name: 'file',
formData: { 'user': 'test' },
success: function (res) {
serverImg.push(res.data)
if (imgcount == serverImg.length) {
var serverImgStr = serverImg.join("|")
wx.request({
url: config.serverUrl('index.php/user/baobeiadd'),
method: 'POST',
data: Util.json2Form({
imglist: serverImgStr,
userId: userId,
news: news,
city: city,
latitude: latitude,
longitude: longitude
}),
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success: function (res2) {
if (res2.data.state == "ok") {
that.setData({
loding: false,
butTxt: "发布",
disabled: false
})
Util.mesUrl("发布成功！", "../index/index")
}
else {
Util.mes("描述至少10人字以上哦，还有图片也要选哦！")
}
}
})
}else
{
//这里直接递归
i++;
that.uploadImg();
}
},
fail: function (e) {
console.log(e)
Util.mes("图片上传失败，请重新发布！" + i)
}
})
},

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

• 微信小程序获取手机系统信息的方法【附源码下载】
• 微信小程序实现添加手机联系人功能示例
• 微信小程序获取手机号授权用户登录功能
• 微信小程序getPhoneNumber获取用户手机号
• 微信小程序 判断手机号的实现代码
• 微信小程序 解决请求服务器手机预览请求不到数据的方法
• 微信小程序 POST请求（网络请求）详解及实例代码
• 微信小程序网络请求wx.request详解及实例
• 微信小程序 网络请求API详解
• 微信小程序封装http访问网络库实例代码
• 微信小程序获取手机网络状态的方法【附源码下载】