1. 程式人生 > 其它 >微信小程式後端返回的不是圖片地址,而是二進位制圖片流,前端渲染圖片

微信小程式後端返回的不是圖片地址,而是二進位制圖片流,前端渲染圖片

技術標籤:圖片驗證碼圖片二進位制流渲染小程式

遇到這種情況我們需要藉助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) {

				}
			})

頁面效果如下:在這裡插入圖片描述