【小程序】微信小程序加載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],
  })
}