美文网首页
微信小程序 将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