今天uniapp开发支付宝小程序遇到一个base6格式图片 使用image标签不显示问题,我去查看了一下渲染源码,发现uniapp 是在h5 img标签外层封装了一层,图片显示的是背景图,所以显示不出来,
后面使用。uniapp 提供的组件看下面代码:
首先使用模版字符串+ img 标签 拼接当前请求到的base64 格式图片 再使用rich-text 标签 渲染就可以解决啦
const {data} = await this.$api.getImgCode();
if (data?.code === 200) {
this.imageBase = `<img src="data:image/png;base64,${data?.data?.image}"> </img>`;
}
},
<rich-text class="image-rich" :nodes="imageBase"></rich-text>