<view class="dataList" v-for="(item,index) in dataList" :key="item.id">
<image mode="left" :src="item.imagePng">
</view>
打印后将后台传过来的base64代码片段放到浏览器中是可以正常显示解析的,在dom树中查看确定src中写入了代码,那么原因就清楚了。
if(item.imagePng){
item.imagePng = item.imagePng.replace(/[\r\n]/g, "")
}
遍历原数据的时候将图片代码片段中的回车空格全部去掉,
最后就可以正常显示了
本文讲述了如何通过替换图片Base64编码中的换行符和空格,确保前端展示正常。通过编码处理,解决了图片加载失败的问题,关键在于数据预处理步骤。
1万+

被折叠的 条评论
为什么被折叠?



