微信小程序中base64转换成图片并获取图片路径并显示在image标签
时间: 2023-07-02 15:17:53 浏览: 188
微信小程序-图片转base64
好的,我可以帮你解答这个问题。首先,你需要使用小程序内置的wx.getImageInfo接口获取图片信息,并且将base64编码转换成临时文件路径。具体的代码实现如下:
```javascript
// 将base64编码转换成临时文件路径
function base64ToPath(base64) {
const base64Img = base64.replace(/[\r\n]/g, '')
const buffer = wx.base64ToArrayBuffer(base64Img)
const filePath = `${wx.env.USER_DATA_PATH}/${Date.now()}.png`
wx.getFileSystemManager().writeFileSync(filePath, buffer, 'binary')
return filePath
}
// 获取图片信息并显示在image标签
wx.getImageInfo({
src: base64ToPath(base64Data),
success: function (res) {
console.log(res.width)
console.log(res.height)
console.log(res.path)
that.setData({
imagePath: res.path
})
}
})
```
上述代码中,我们定义了一个base64ToPath函数,将base64编码转换成临时文件路径,并且使用wx.getImageInfo获取图片信息,最后将图片路径设置到image标签中即可。注意,由于小程序的安全限制,我们只能将图片保存到小程序的临时文件夹中,不能直接将图片保存到相册中。
阅读全文