img 圖片找不到時，設置顯示默認圖片

最開始的 img

<img src="image/people.png" style="width: 100px;height: 100px;">
<img src="image/default.png" style="width: 100px;height: 100px;">

圖片找不到時，界面上會顯示圖片裂開了

<img src="image/people1.png" style="width: 100px;height: 100px;">

這時候，我們想避免這種情況，當圖片找不到時，顯示一張默認圖片

<img src="image/people1.png" onerror="this.src='image/default.png';" 
     style="width: 100px;height: 100px;">

可以看到，圖片加載出錯時，會調用 onerror，將圖片的 src 設置成默認圖片的 src 。

圖片能找到時，也能夠正常顯示

<img src="image/people.png" onerror="this.src='image/default.png';" 
	style="width: 100px;height: 100px;">

但是當圖片加載出問題，默認圖片也出問題時，會死循環

<img src="image/people1.png" onerror="this.src='image/default1.png';" 
     style="width: 100px;height: 100px;">

更改 onerror 設置即可解決死循環問題

<img src="image/people1.png" onerror="this.src='image/default1.png';this.onerror=null;" 
     style="width: 100px;height: 100px;">

所以，最終的方法就是

<img src="圖片的url" onerror="this.src='默認圖片的url';this.onerror=null;">