img圖片加載失敗時,展示默認圖片的方法

1、 圖片加載失敗時會觸發onerror事件,可以通過onerror事件使默認圖片代替加載失敗的圖片

<img src="要展示的圖片的地址" onerror="this.src='默認圖片的地址'">

2、如果默認圖片也加載失敗時,那麼onerror事件會被循環觸發,導致打開網頁錯誤

解決方案:

  1. 保證默認圖片一定能加載成功
  2. 只執行onerror事件一次。
<img src="要展示的圖片的地址" onerror="showDefaultImg(this)">
	function showDefaultImg(img){
		img.src = "默認圖片的地址";
		//不循環執行
		img.onerror = null;
	}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章