1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序上传多张图片

微信小程序上传多张图片

时间:2022-06-18 21:02:14

相关推荐

微信小程序上传多张图片

开发微信小程序时,时常会用到多图上传的情况,由于微信API的特性,一次只能上传一张图片,然而实际的情况是我们通常会要求一次上传多张图片,所以只能通过循环调用 wx.uploadFile 来实现上传多张图片,下面展示一段之前写的代码,并且添加了注释,提供大家参考。

wx.chooseImage({// 最多可以选择的图片张数count: 9,// original原图 compressed压缩图sizeType: ['original', 'compressed'],// album 从相册选图 camera 使用相机sourceType: ['album', 'camera'],success(res) {wx.showLoading({title: '正在上传中',});// 返回的图片临时地址var tempFilePaths = res.tempFilePaths;// 循环上传多个图片for (var i = 0; i < tempFilePaths.length; i++) {wx.uploadFile({// 全局配置的图片上传地址url: App.globalData.uploadUrl,// 图片地址filePath: tempFilePaths[i],// 文件对应的key,默认值name: 'file',// HTTP 请求 Header,里面可以放要传递的参数header: {// token为主要的标识符'token': App.globalData.token,},// 成功后的回调,可根据具体的业务来处理success: function(res) {wx.hideLoading();var data = JSON.parse(res.data);if (data.code == 200) {var list = that.data.list;list.push(data.list)wx.showToast({title: data.message,icon: 'none'})that.setData({list: list,})} else {wx.showToast({title: '上传失败!',icon: 'none'})}},})}}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。