1、小程序的获取暂时路径和预览
// 图片预览
listenerButtonChooseImage: function () {
var that = this;
wx.chooseImage({
count: 1,
//original原图,compressed压缩图
sizeType: [‘original‘],
//album来源相册 camera相机
sourceType: [‘album‘, ‘camera‘],
//成功时会回调
success: (res) => {
console.log(res);
//重绘视图
that.setData({
source: res.tempFilePaths[0]
});
}
})
},
2、小程序的图片上传获取fileId
//上传文件
wx.uploadFile({
url: ‘请求地址‘,
filePath: this.data.source,
formData: {
fileType: 0, // 因本项目需要区别图片和文件 可视需求而定
},
name: ‘files‘,
method: ‘POST‘,
success: (res) => {
console.log(res);
console.log(JSON.parse(res.data));
this.setData({
source: JSON.parse(res.data).data[0].fileUrl,
fileId: JSON.parse(res.data).data[0].fileId,
});
}
})
3、二者结合
// 图片预览
listenerButtonChooseImage: function () {
wx.chooseImage({
count: 1,
//original原图,compressed压缩图
sizeType: [‘original‘],
//album来源相册 camera相机
sourceType: [‘album‘, ‘camera‘],
//成功时会回调
success: (res) => {
console.log(res);
//上传文件
wx.uploadFile({
url: ‘请求地址‘,
filePath: res.tempFilePaths[0],
formData: {
fileType: 0, // 因本项目需要区别图片和文件 可视需求而定
},
name: ‘files‘,
method: ‘POST‘,
success: (res) => {
console.log(res);
console.log(JSON.parse(res.data));
this.setData({
source: JSON.parse(res.data).data[0].fileUrl,
fileId: JSON.parse(res.data).data[0].fileId,
});
}
})
}
})
},
微信图片预览和上传