?請(qǐng)求后端接口返回的圖片：
?
頁(yè)面展示：?
代碼實(shí)現(xiàn)：
:show-menu-by-longpress="true" 是長(zhǎng)按保存圖片
base64Code 是轉(zhuǎn)為base64的地址
<image class="code" :src="base64Code" alt="" :show-menu-by-longpress="true" />?BASE_URL 是拼接接口地址的
const base64Code = ref('');
onLoad(() => {
//route.value.query.scene是掃描二維碼后跳轉(zhuǎn)鏈接傳過(guò)來(lái)的參數(shù)（二維碼攜帶鏈接是后端處理的），也就是id名稱(chēng)（因?yàn)槲疫@個(gè)是掃描二維碼還是跳到當(dāng)前這個(gè)頁(yè)面的，而后端傳過(guò)來(lái)的參數(shù)名和我上個(gè)頁(yè)面跳轉(zhuǎn)過(guò)來(lái)傳的參數(shù)名不一樣）
//route.value.query.id是上個(gè)頁(yè)面跳轉(zhuǎn)傳過(guò)來(lái)的參數(shù)
const id = route.value.query.id || route.value.query.scene;
uni.request({
url: BASE_URL + '/api/Product/GetCode?id=' + id,
responseType: 'arraybuffer',
success: (res: any) => {
base64Code.value =
'data:image/png;base64,' + uni.arrayBufferToBase64(res.data);
},
fail: (err) => {
console.log(err);
},
});
});?這樣寫(xiě)的話(huà)好像本地和真機(jī)調(diào)試是可以出來(lái)的，但到體驗(yàn)版和正式版上就是空白了，經(jīng)過(guò)測(cè)試，把轉(zhuǎn)成base64后的地址中的換行清除一下就可以了；文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-685270.html
base64Code.value =
? ? ? ? 'data:image/png;base64,' + uni.arrayBufferToBase64(res.data).replace(/[\r\n]/g, '');文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-685270.html
到了這里，關(guān)于微信小程序請(qǐng)求接口返回的二維碼(圖片)，本地工具和真機(jī)測(cè)試都能顯示，上線(xiàn)之后不顯示問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
