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

admin發表於2018-12-10

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

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

程式碼片段如下:

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

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

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


相關文章