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


Posted in Javascript onDecember 14, 2016

微信小程序 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)
    }
   })
 
 },

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

Javascript 相关文章推荐
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
element-ui表格数据转换的示例代码
Aug 24 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
Paypal支付不完全指北
Jun 04 Javascript
在webstorm中配置less的方法详解
Sep 25 Javascript
bootstrap模态框实现拖拽效果
Dec 14 #Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 #Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 #Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 #Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 #Javascript
深入理解jquery中的each用法
Dec 14 #Javascript
Bootstrap基本模板的使用和理解1
Dec 14 #Javascript
You might like
thinkphp验证码显示不出来的解决方法
2014/03/29 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
写的htc的数据表格
2007/01/20 Javascript
异步加载script的代码
2011/01/12 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
javascript回调函数详解
2018/02/06 Javascript
js提取中文拼音首字母的封装工具类
2018/03/12 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
2021/01/30 Vue.js
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
深入分析python 排序
2020/08/24 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
软件配置管理有什么好处
2015/04/15 面试题
企业厂长岗位职责
2013/12/17 职场文书
养殖人员的创业计划书范文
2013/12/26 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
3分钟英语演讲稿
2014/04/29 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
办理护照工作证明
2014/10/10 职场文书
小平您好观后感
2015/06/09 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python