uniapp中提供了uni.chooseImage api 这个是从本地相册选择图片或使用相机拍照。这个api无论是在H5还是app还是小程序等都是适用的,回调函数中我们能拿到图片的路径列表,我们现在要把改路径转为base64编码
如果是小程序端可以采用如下方式实现:
chooseImage() {
uni.chooseImage({
count: 1, // 默认9,这里我们只选一张图
success: async res => {
const filePath = res.tempFilePaths[0]; // 获取选择的第一张图片路径
// #ifdef MP
const fs = uni.getFileSystemManager();
fs.readFile({
filePath: filePath,
encoding: 'base64',
success: dataRes => {
console.log('data:image/png;base64,' + dataRes.data); // 输出Base64编码的数据
this.imgUrl = 'data:image/png;base64,' + dataRes.data // 回显
},
fail: err => {
console.error('读取文件失败', err);