在開發小程序的時候,發現在加載圖片時并沒有異常,但是后臺卻報錯了。
例如以下我的一段代碼:
<image src='{{photo}}'></image>
這里的{{photo}}是JS傳進來的一個變量,但是在顯示某個框框的時候將photo的值設為一個路徑值,即在選擇圖片的時候,會因為其路徑并不是在該項目的相關路徑中,導致報以下錯誤:
Failed to load local image resource /pages/xxx/?
?the server responded with a status of 404 (HTTP/1.1 404 Not Found)?
那此時的路徑{{photo}}相當于是一個無效的路徑,在渲染頁面的時候,photo還沒有被賦值,這就對該路徑添加wx:if來表示加載與否。加上wx:if='{{photo}}',如下:
<image wx:if='{{photo}}' src='{{photo}}'></image>
后臺就不會再報錯啦(*^▽^*)