在微信小程序的網(wǎng)絡(luò)請(qǐng)求圖片文件中迟几,返回的圖片并不是我們想象中放上去就可以顯示的诗良,返回回來(lái)的是一組二進(jìn)制數(shù)據(jù)台猴,我們需要base64轉(zhuǎn)換后方可使用,下面總結(jié)一下請(qǐng)求圖片文件數(shù)據(jù)的正常流程:
一叽奥、image圖片控件處理
我們平常的本地圖片或網(wǎng)絡(luò)圖片只需要如下即可顯示:
<image? src="{{imgUrl}}"></image>
而圖片文件則是要如下處理(固定格式):
<image? src="data:image/png;base64,{{imgUrl}}"></image>
二扔水、請(qǐng)求代碼處理
請(qǐng)求類型需要設(shè)置為arraybuffer,后面接收到的data要使用base64處理成可顯示的形式
wx.request({
? ? ? url: url,
? ? ? method: 'GET',
? ? ? // dataType: 'json',
? ? ? responseType: 'arraybuffer',? ? ? ? ?//將原本按文本解析修改為arraybuffer
? ? ? success: function(res) {
? ? ? ? this_.setData({
? ? ? ? ? imgUrl: wx.arrayBufferToBase64(res.data)
? ? ? ? })
? ? ? }
? ? })