微信小程序如何得到base64图片,渲染到页面
1、js部分
getBase64ImageUrl(data) {
let {
basedata
} = this.data
// 获取到base64Data
let base64Data = basedata;
/// 通过微信小程序自带方法将base64转为二进制去除特殊符号,再转回base64
base64Data = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(base64Data));
/// 拼接请求头,data格式可以为image/png或者image/jpeg等,看需求
const base64ImgUrl = "data:image/png;base64," + base64Data;
/// 刷新数据
// console.log(base64ImgUrl)
this.setData({
baseImgUrl: base64ImgUrl
})
},
}
2、wxhtml部分
<view class="yanz">
<image class="codeimg" src="{{baseImgUrl}}"></image>
</view>