美文网首页
微信小程序 将Base64数据转为图片显示

微信小程序 将Base64数据转为图片显示

作者: 单抽律化娜 | 来源:发表于2019-02-19 17:34 被阅读9次

根据获取的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
  })
}

相关文章

网友评论

      本文标题:微信小程序 将Base64数据转为图片显示

      本文链接:https://www.haomeiwen.com/subject/ncmfyqtx.html