uniapp开发支付宝小程序,图形验证码base6格式图片image标签不显示问题

60 阅读1分钟

今天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>