uniapp image標簽base64不顯示圖片的問題

問題描述

如題，在uniapp中使用image標簽，imgUrl是后端返回的一段base64格式的圖片：

<image :src='imgUrl'>

這樣可能會出現(xiàn)圖片無法顯示的問題，但是標簽的src里是有值的，打開調試看到圖片的透明度變成了0：

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

產生原因

這是因為base64字符串太長，在傳輸過程中加入回車導致

解決方法

把base64中的換行符替換掉就好了：

<image :src='imgUrl.replace(/[\r\n]/g, ")'>
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容