微信小程式後端返回的不是圖片地址,而是二進位制圖片流,前端渲染圖片
阿新 • • 發佈:2020-12-30
遇到這種情況我們需要藉助wx.request這個api成功獲取到圖片的二進位制流,然後在通過wx.arrayBufferToBase64把圖片的二進位制流轉化成正常的64進位制,然後在拼接圖片的url程式碼如下:
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) this.imgurl = url }, fail(res) { } })
頁面效果如下: