小程序选择本地图片上传
1 wx.chooseMedia选择本地图片
wxml:<view class='Mselect' bind:tap="uploadPic">
js:
uploadPic: function () {
var that = this;
// chooseImage已停止维护,需使用chooseMedia选择上传
wx.chooseMedia({
count: 9, // 最多可以选择的文件个数
mediaType: ['image'], // 文件类型
sizeType: ['original'], // 是否压缩所选文件
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success(result) {
console.log(result);
// that.setData({
// imgList: result.tempFiles
// })
// console.log(that.data.imgList);
wx.getFileSystemManager().readFile({ // 读取本地文件内容
filePath: result.tempFiles[0].tempFilePath,
encoding: 'base64', //编码格式
success(res) {
console.log(res.data);//图片base64编码
}
})
},
})
},
上传成功后会出现temFilePath本地临时路径
2 将图片临时路径转为base64编码格式
wx.getFileSystemManager().readFile({ // 读取本地文件内容
filePath: result.tempFiles[0].tempFilePath,
encoding: 'base64', //编码格式
success(res) {
console.log(res.data);//图片base64编码
}
})
输出如下: