博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序多图上传
阅读量:5992 次
发布时间:2019-06-20

本文共 1657 字,大约阅读时间需要 5 分钟。

多张图片上传代码方法function:

uploadimg: function (data) { // 2M    var that = this,      i = data.i ? data.i : 0, //当前上传的哪张图片      success = data.success ? data.success : 0, //上传成功的个数      fail = data.fail ? data.fail : 0; //上传失败的个数    wx.uploadFile({      url: data.url,      filePath: data.path[i],      name: 'file', //这里根据自己的实际情况改      formData: { //这里是上传图片时一起上传的数据        scope: 'qpp',         auth: 'Px50C^t*&k7mGSnu'      },      success: (res) => {        var data = JSON.parse(res.data)        let uploadimgPath = []        uploadimgPath.push(data.data.items.file[0].filename);        wx.setStorageSync('uploadimgPath', uploadimgPath);        success++; //图片上传成功,图片上传成功的变量+1        console.log(res.data)        console.log(i);        //这里可能有BUG,失败也会执行这里,所以这里应该是后台返回过来的状态码为成功时,这里的success才+1       },      fail: (res) => {        fail++; //图片上传失败,图片上传失败的变量+1        console.log('fail:' + i + "fail:" + fail);      },      complete: () => {        console.log(i);        i++; //这个图片执行完上传后,开始上传下一张                    if (i == data.path.length) { //当图片传完时,停止调用                    console.log('执行完毕');          console.log('成功:' + success + " 失败:" + fail);        } else { //若图片还没有传完,则继续调用函数                          console.log(i);          data.i = i;          data.success = success;          data.fail = fail;          that.uploadimg(data);        }      }    });  },复制代码

使用:

app.uploadimg({        url: `接口地址`,        path: arrList //这里是选取的图片的地址数组    });    遍历图片获得新数组:    let that = this;    let arrList = []; // 数据内的团图片    for (var value of that.data.list.pictures) {      arrList.push(value.url)    }复制代码

转载于:https://juejin.im/post/5c2f18b0f265da61241595c9

你可能感兴趣的文章
absolute布局和css布局释疑
查看>>
Linux shell编程与实践(八)之使用脚本监控网站的核心服务
查看>>
SpringBoot获取Freemarker模板引擎,生成HTML代码
查看>>
文件系统的设计与实现(操作系统课程设计)
查看>>
使用 Spring Boot WebSocket 创建聊天室
查看>>
【前端】Ubuntu16下nodejs+npm+vue环境配置
查看>>
pg安装入门
查看>>
svn基本常见操作设置
查看>>
题目1335:闯迷宫 BFS实现 和 递归实现。
查看>>
如何使用git命令添加文件和提交文件
查看>>
消息队列
查看>>
杭电1113--Word Amalgamation
查看>>
The Country List
查看>>
html5 拖拽事件
查看>>
[WorldWind学习]10.插件结构
查看>>
图解TCP/IP第一章
查看>>
linux sort命令
查看>>
android - UI设计之shape和selector的结合使用
查看>>
创建文本编辑输入框1:
查看>>
获取每个月最后一天的小技巧
查看>>