<image style="width: 506rpx;height: 506rpx;" :src='aaa'></image>

后台返回的base64流 直接复制出来放到src里面就可以出来,但是通过定义this
变量,在通过 :src 来赋值 就是不显示,后来发现,应该是通过this定义变量赋值的时候,没有去掉返回的数据的双引号,:src="xxx"的时候也有双引号,所以导致了他有四个引号,识别失败
解决办法就是去掉返回数据的双引号
使用正则去掉双引号

var reg = /^["|'](.*)["|']$/g;
this.aaa = vm.base64img.replace(reg,"$1");

这么出来之后在赋值就可以了
如果还是不行,就得用到百度看到的去掉转义符

vm.base64img.replace(/[\r\n]/g, "");

这种前提是有前缀,如果没有前缀还得手动拼接

data:image/png;base64,

亲测有效
如有不足,请多多指教

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐