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

网友投稿 248 2023-06-24


微信小程序 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 = ""

AuCazcwn 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")

}

ehttp://lse {

Util.mes("描述至少10人字以上哦,还有图片也要选哦!")

}

}

})

}else

{

//这里直接递归

i++;

that.uploadImg();

}

},

fail: function (e) {

console.log(e)

Util.mes("图http://片上传失败,请重新发布!" + i)

}

})

},

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:bootstrap modal弹出框的垂直居中
下一篇:使用BootStrap实现悬浮窗口的效果
相关文章

 发表评论

暂时没有评论,来抢沙发吧~