根据获取的base64图片数据字符串,变为图片显示
1、去除base64换行空格等特殊符号
2、用background-image显示
/// wxml
<view style='width: 400px; height: 400px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url({{base64ImgUrl}});'>
/// js
getBase64ImageUrl: function() {
/// 获取到base64Data
var base64Data = 'xxxxxx';
/// 通过微信小程序自带方法将base64转为二进制去除特殊符号,再转回base64
base64Data = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(base64Data));
/// 拼接请求头,data格式可以为image/png或者image/jpeg等,看需求
const base64ImgUrl = "data:image/png;base64," + base64Data;
/// 刷新数据
this.setData({
base64ImgUrl: base64ImgUrl
})
}
网友评论