1.问题:
在用uni-app开发小程序时,遇到一个问题:后台返回一长串码,前端这边需要将base64码进行转化为图片
2.解决方式:
2.1.获取后台返回的base64码
// 获取base64码转换为图片
getImgFun() {
var that = this;
this.$api.appPlateForm('POST', this.$url.getImg, '', function(res) {
that.imgurl = "data:image/png;base64,"+res.data
})
},
2.2.在页面需要的地方进行赋值:
tips:在data中定义imgurl 变量
,记得把.replace(/[\r\n]/g,'')
这句代码添加上,因为后台返回的会有换行空格之类的,会导致图片显示不出来。
<image :src="imgurl.replace(/[\r\n]/g,'')" style="width: 100%;height: 100%;"></image>