1.問題:
在用uni-app開發(fā)小程序時(shí),遇到一個(gè)問題:后臺返回一長串碼,前端這邊需要將base64碼進(jìn)行轉(zhuǎn)化為圖片
2.解決方式:
2.1.獲取后臺返回的base64碼
// 獲取base64碼轉(zhuǎn)換為圖片
getImgFun() {
var that = this;
this.$api.appPlateForm('POST', this.$url.getImg, '', function(res) {
that.imgurl = "data:image/png;base64,"+res.data
})
},
2.2.在頁面需要的地方進(jìn)行賦值:
tips:在data中定義imgurl 變量
,記得把.replace(/[\r\n]/g,'')
這句代碼添加上,因?yàn)楹笈_返回的會有換行空格之類的,會導(dǎo)致圖片顯示不出來。文章來源:http://www.zghlxwxcb.cn/news/detail-709101.html
<image :src="imgurl.replace(/[\r\n]/g,'')" style="width: 100%;height: 100%;"></image>
文章來源地址http://www.zghlxwxcb.cn/news/detail-709101.html
ending~
到了這里,關(guān)于uni-app小程序-將后臺返回的base64碼轉(zhuǎn)為圖片時(shí),圖片沒有顯示出來的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!