<img src='error.jpg'/>

可以看上方當(dāng)圖片找不到的時(shí)候特別的丑,所以我們需要給他添加一個(gè)默認(rèn)的圖片,讓界面看起來更加美觀一點(diǎn).怎么做呢?
我們看看控制臺(tái)打印:這里報(bào)錯(cuò)了,沒有找到該圖片,這里我們可以知道,當(dāng)圖片沒有找的時(shí)系統(tǒng)會(huì)拋出404的錯(cuò)誤,所以說我們需要去監(jiān)聽它的錯(cuò)誤事件(onerror),并且把他的src屬性改為默認(rèn)圖片.

可以看到這張圖片上

<img src='error.jpg' alt='未找到圖片' onerror="this.src='默認(rèn)圖片路徑'">

效果圖:

但是當(dāng)默認(rèn)圖片也找不到的時(shí)候,就會(huì)出現(xiàn)崩潰的情況:
這么解決問題呢,只需要改造一下:

<img src="error.png" onerror="this.οnerrοr='';this.src='默認(rèn)圖片路徑'"/>

這個(gè)樣子,就好了,哪怕默認(rèn)圖片找不到,也會(huì)出現(xiàn)圖片裂開的圖了;

總結(jié)

以上是生活随笔為你收集整理的记,当找不到图片时,显示默认图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。