uniapp图像转换(获取本地选取或拍照的图片的base64、Blob、图像和base64的转换)
- 电脑硬件
- 2025-08-27 18:48:02

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);uniapp图像转换(获取本地选取或拍照的图片的base64、Blob、图像和base64的转换)由讯客互联电脑硬件栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“uniapp图像转换(获取本地选取或拍照的图片的base64、Blob、图像和base64的转换)”
上一篇
【c语言初阶】函数递归
下一篇
HTML/CSS中交集选择器