【小程序】微信小程序加载base64图片的小问题

有时候我们从服务器返回的是base64的图片,在小程序加载出来可能会有点问题

一、wxml

<image mode="aspectFit" src="{{base64}}" bindtap="previewImg"></image>

二、js

当然base64长度很大的时候可能会导致无法加载图片,或者无法使用wx.previewImage预览图片,这时候可以使用wx.base64ToArrayBuffer()这个接口解决

let arr = wx.base64ToArrayBuffer(res.data)
base64 = "data:image/png;base64," + wx.arrayBufferToBase64(arr)
that.setData({
  base64: base64
})
previewImg: function(){
  wx.previewImage({
    urls: [base64],
  })
}

你可能感兴趣的:(小程序)