載入失敗使用預設圖片替代

admin發表於2018-12-10

頁面載入圖片的時候，可能由於各種原因導致載入失敗。

為了頁面的人性化，在失敗的時候通常會使用一張給定的圖片替代。

程式碼片段如下：

[HTML] 純文字檢視 複製程式碼
<img src="logo.gif"  onerror="javascript:this.src='default.gif'" >

上面程式碼本來要載入logo.gif，如果此圖載入失敗，那麼觸發error事件。

於是就載入default,gif替代logo.gif圖片，原理比較簡單不多介紹。


相關文章