小程序将后台返回的base64字符转为图片显示

1,602 阅读1分钟

1.封装方法

//把base64转换成图片
    getBase64ImageUrl: function(data) {
     /// 获取到base64Data
     var base64Data = data;
     /// 通过微信小程序自带方法将base64转为二进制去除特殊符号,再转回base64
     base64Data = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(base64Data));
     /// 拼接请求头,data格式可以为image/png或者image/jpeg等,看需求
     const base64ImgUrl = "data:image/png;base64," + base64Data;
     /// 刷新数据
     return base64ImgUrl;
 },

2.获取数据转换

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
  })
}