本文实例为大家分享了微信小程序实现同时上传多张图片的具体代码,供大家参考,具体内容如下
1.图片选择后,路径已经存入list中:
data: { images: [], //选择的图片 },
2.调用递归上传的方法:
wx.chooseImage({ var that = this count: 9, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function(res){ var successUp = 0; //成功,初始化为0 var failUp = 0; //失败,初始化为0 var length = that.data.images.length; //总共上传的数量 var count = 0; //第几张,初始化为0 var url = serverUrl + '/secondHand/uploadImg"htmlcode">/** * 上传图片:递归的方式上传 * url:上传地址 * imgPaths:上传的图片列表 * successUp:上传成功的个数,初始化为0 * failUp:上传失败的个数,初始化为0 * count:第几张 * length:图片列表的长度 */ uploadOneByOne(url, imgPaths, successUp, failUp, count, length) { var that = this; wx.uploadFile({ url: url, //上传地址地址 filePath: imgPaths[count], name: "file", //后台接收的文件名 success: function(e) { successUp++; //成功+1 }, fail: function(e) { failUp++; //失败+1 }, complete: function(e) { count++; //下一张 if (count == length) { TODO: 上传完毕后跳转页面 wx.showToast({ title: '发布成功', icon: 'success', duration: 2000 }) } else { //递归调用,上传下一张 that.uploadOneByOne(url, imgPaths, successUp, failUp, count, length); } } }) },4.后台接口:
@PostMapping("/uploadImg") public String addSecondHandImg(String id, @RequestParam("file") MultipartFile[] files) { //该接口被多次调用,这里写自己的业务,省略。。。 return ""; }文章参考:微信小程序实现上传多个文件 超过10个
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年11月15日
2024年11月15日
- 黄乙玲1988-无稳定的爱心肝乱糟糟[日本东芝1M版][WAV+CUE]
- 群星《我们的歌第六季 第3期》[320K/MP3][70.68MB]
- 群星《我们的歌第六季 第3期》[FLAC/分轨][369.48MB]
- 群星《燃!沙排少女 影视原声带》[320K/MP3][175.61MB]
- 乱斗海盗瞎6胜卡组推荐一览 深暗领域乱斗海盗瞎卡组分享
- 炉石传说乱斗6胜卡组分享一览 深暗领域乱斗6胜卡组代码推荐
- 炉石传说乱斗本周卡组合集 乱斗模式卡组最新推荐
- 佟妍.2015-七窍玲珑心【万马旦】【WAV+CUE】
- 叶振棠陈晓慧.1986-龙的心·俘虏你(2006复黑限量版)【永恒】【WAV+CUE】
- 陈慧琳.1998-爱我不爱(国)【福茂】【WAV+CUE】
- 咪咕快游豪礼放送,百元京东卡、海量欢乐豆就在咪咕咪粉节!
- 双11百吋大屏焕新“热”,海信AI画质电视成最大赢家
- 海信电视E8N Ultra:真正的百吋,不止是大!
- 曾庆瑜1990-曾庆瑜历年精选[派森][WAV+CUE]
- 叶玉卿1999-深情之选[飞图][WAV+CUE]