1. 程式人生 > >圖片正常載入,console卻報404的處理方式

圖片正常載入,console卻報404的處理方式

圖片在頁面正常載入了,但是console裡面卻報404錯誤。

原因為初始的時候image中url的值為變數名,解析的時候報404,瀏覽器再次解析時變數名的值已經加載出來了,所以會產生以上描述的錯誤。

小程式:

解決辦法為:

利用wx:if 判斷

<image wx:if="{{projectDetail.ImageUrl}}" src='{{projectDetail.fileSystem+projectDetail.ImageUrl}}/mic'></image>

angular:

直接將src改為ng-src即可:

<img ng-src="{{researchfileSystem}}{{r.ImageUrl}}/mic"/>