在平时的项目开发中,小程序图片上传应该是经常用到的,话不多说,直接开始。
上传图片主要用到的是小程序官方提供的两个API:
一个是wx.chooseImage,一个是wx.uploadFile 有不懂的小伙伴可以直接去看官方文档,上面解释的很清楚。下面贴出我项目代码片段,仅供参考。
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
var tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: 'https://tcheckminip.weein.cn/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中的参数可以根据自己的项目需求决定是否要传。上述方法在上传图片时,会提供两种方式,一种是从图库选择,还有一种是自己拍照上传。