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