微信小程序 報錯Failed to load image


 加載網絡圖片WXML代碼:

<image class="userinfo-avatar" src="{{avatarUrl}}"></image>

當加載網絡圖片時,會時不時出現如下錯誤:

 

原因:圖片綁定的數據在頁面“初次”渲染的時候並沒有被正確賦值,有可能你的數據是異步加載的,在渲染的時候還沒有取到相應的數據

解決方法: 設置一個本地的圖片地址作為動態圖片地址未獲取時的默認地址,或者在image里添加 wx:if="{{avatarUrl}}" imageUrl為你綁定的圖片的地址

<image class="userinfo-avatar" wx:if="{{avatarUrl}}" src="{{avatarUrl }}"></image>
// 或者
<image class="userinfo-avatar" src="{{avatarUrl ? avatarUrl : '/assets/images/avartar_default.png'}}"></image>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM