在平时的项目开发中,小程序图片上传应该是经常用到的,话不多说,直接开始。
上传图片主要用到的是小程序官方提供的两个API:
一个是wx.chooseImage,一个是wx.uploadFile 有不懂的小伙伴可以直接去看官方文档,上面解释的很清楚。下面贴出我项目代码片段,仅供参考。
wx.chooseImage({count: 1, // 默认9sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],success: function (res) {var tempFilePaths = res.tempFilePaths;wx.uploadFile({url: '/check/uploadFile/img',filePath: tempFilePaths[0],name: 'file',formData: {method: 'POST',mch_id: mch_id},header: {'INFOINSIDE': wx.getStorageSync('infoAccess'), //如果需要token的话要传},success: function (res) {if (typeof res.data != Object) {let parseObj = JSON.parse(res.data);that.setData({reserveUrl:parseObj.data,cardBurl:parseObj.data})};},fail: function (res) {console.log(res)}})}})
其中formData和header中的参数可以根据自己的项目需求决定是否要传。上述方法在上传图片时,会提供两种方式,一种是从图库选择,还有一种是自己拍照上传。