uniapp image标签base64不显示图片的问题

问题描述

如题,在uniapp中使用image标签,imgUrl是后端返回的一段base64格式的图片:

<image :src='imgUrl'>

这样可能会出现图片无法显示的问题,但是标签的src里是有值的,打开调试看到图片的透明度变成了0:

uni-image>img {
display: block;
position: absolute; 
top: 0;
left: 0;
opacity: 0; 
}

产生原因

这是因为base64字符串太长,在传输过程中加入回车导致

解决方法

base64中的换行符替换掉就好了:

<image :src='imgUrl.replace(/[\r\n]/g, ")'>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容