微信小程序开发中如何实现图片上传(微信小程序图片上传)

老规矩，直接去码。

handleCancelPic(){ let id = this . data . dbid；Wx.chooseImage({ count: 3，//default 9 size type:[& # 039；压缩& # 039；]，//可以指定是原图还是压缩图。默认情况下，它们都有source type:[& # 039；相册& # 039；, '相机& # 039；]，//可以指定来源是相册还是相机。默认情况下，两者都成功:RES = >；{//返回所选照片的本地文件路径列表。tempFilePath可以作为img标签的src属性来显示图片var tempfile paths = RES . tempfile paths；this . setdata({ src:tempFilePaths })上传(this，tempfile paths，& # 039；','');}}}}然后封装一个方法functionupload (page，path，way，id){ console . log(path)wx . show toast({ icon:" loading & quot；，标题:& quot上传”。});var test = []，that = thisfor(var I = 0；我& lt路径.长度；i++) { wx.uploadFile({ url: api。CancelImg，filePath: path[i]，name:& # 039；文件& # 039；，标题:{ & quotcontent -Type & quot；:& quotmultipart/form -data & quot；}，success:RES = & gt；{ test . push(RES)；wx . setstoragesync(& # 039；取消& # 039；，test)console . log(test)if(RES . status code！= 200){ wx . show modal({ title:& # 039；提示& # 039；，内容:& # 039；上传失败& # 039；，showCancel: false })返回；} else { wx . show modal({ title:& # 039；提示& # 039；，内容:& # 039；上传成功& # 039；，showCancel: false }) } }，fail:function(e){ console . log(e)；wx . show modal({ title:& # 039；提示& # 039；，内容:& # 039；上传失败& # 039；，showCancel: false }) }，complete:function(){ wx . hide toast()；//Hide Toast}}}这是多张图片上传的方法。如果只上传了一张图片，只需移除循环即可。主要是因为微信官方默认是一张一张地上传，很痛苦。这是做这件事的唯一方法。。。

相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

推荐阅读:

微信小程序开发容器视图的使用

微信小程序开发中如何处理安卓请求失败