微信小程序處理后端返回圖片二進制流,渲染頁面


 1.情況展示:后台接口返回二進制數據

  

2.在JS頁面中,獲取數據,轉換數據

 

    wx.request({
      url: url, //獲取圖片的URL
      method:"get",,
      responseType: 'arraybuffer',    //ArrayBuffer涉及面比較廣,我的理解是ArrayBuffer代表內存之中的一段二進制數據,一旦生成不能再改。可以通過視圖(TypedArray和DataView)進行操作。
      success (res) {
        let url ='data:image/png;base64,'+wx.arrayBufferToBase64(res.data)
        that.setData({
          codeUrl : url,     //設置data里面的圖片url
          show:true
        })
      },
      fail(res){
        Toast.clear();
      }
    })

3.在wxml文件中,使用image標簽,如:

  <view>
    <image src='{{codeUrl}}'></image>
  </view>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM