技術標籤：小程式

一）背景：

今天在做一個微信小程式時，需要用到圖片。如果是載入一張固定不變的圖片是可以實現的，但是一旦把圖片src的值設定為一個變數就會報錯。

二）報錯提示：

[渲染層網路層錯誤] 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中指定一張圖片對應的路徑時也應該出現錯誤。這個錯誤真正的原因是頁面顯示載入的時候image中的值還是空得，它需要花時間從後臺獲取一定的值，所以導致在這段時間內image中的src值是空的，因此而報錯了。

四）解決方法：

原本的報錯程式碼：

<image src="/image/Weatherpic/{{now.cond_code}}.png"></image>

解決：

採用 wx.if 對變數進行操作：

<image wx:if="{{now.cond_code.length>0}}" src="/image/Weatherpic/{{now.cond_code}}.png"></image>

注意： 自己給圖片src中設定的變數名是什麼那麼 wx:if 的值就要相對應的，例如，我自己設定的變數名是 now.cond_code