一)背景:
今天在做一個微信小程序時,需要用到圖片。如果是加載一張固定不變的圖片是可以實現(xiàn)的,但是一旦把圖片src的值設置為一個變量就會報錯。
二)報錯提示:
[渲染層網(wǎng)絡層錯誤] Failed to load local image resource /image/Weatherpic/.png the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
三)問題分析:
這個錯誤并不是因為圖片的路徑錯誤,因為如果是路徑錯誤那么當src中指定一張圖片對應的路徑時也應該出現(xiàn)錯誤。這個錯誤真正的原因是頁面顯示加載的時候image中的值還是空得,它需要花時間從后臺獲取一定的值,所以導致在這段時間內image中的src值是空的,因此而報錯了。
四)解決方法:
原本的報錯代碼:
解決:
采用 wx.if 對變量進行操作:
注意: 自己給圖片src中設置的變量名是什么那么 wx:if
的值就要相對應的,例如,我自己設置的變量名是 now.cond_code
,那么我的 wx:if
的值也要是 now.cond_code
。