uniapp获取后台给的base64图片流显示到页面中
<image style="width: 506rpx;height: 506rpx;" :src='aaa'></image>后台返回的base64流直接复制出来放到src里面就可以出来,但是通过定义this变量,在通过 :src 来赋值就是不显示,后来发现,应该是通过this定义变量赋值的时候,没有去掉返回的数据的双引号,:src="xxx"的时候也有双引号,所以导致了
·
<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,
亲测有效
如有不足,请多多指教
更多推荐
已为社区贡献2条内容
所有评论(0)