最開始的 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.οnerrοr=null;" style="width: 100px;height: 100px;">

所以，最終的方法就是

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

總結

以上是生活随笔為你收集整理的img 图片找不到时，设置显示默认图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。