首頁(yè) 猿問(wèn) 前端是否有辦法判斷img的圖無(wú)法加載？

前端是否有辦法判斷img的圖無(wú)法加載？

CSS3 Html/CSS JavaScript

竹馬君 2016-06-29 15:43:35

想讓如果圖裂了就display:none或者替換顯示為默認(rèn)圖片，是否存在一個(gè)html的屬性，或者css，可以判斷圖片裂了？（非alt屬性）

查看完整描述

1 回答

已采納

Suber丶林

TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超180個(gè)贊

onerror：監(jiān)聽(tīng)圖片是否加載失敗(網(wǎng)絡(luò)卡或者圖片不存在)時(shí)觸發(fā)該事件。

比如，當(dāng)圖片加載失敗時(shí)，替換成另一張圖片，如下：

<!--?切忌onerror里替換的src圖片一定要存在，不然就死循環(huán)的在判斷與替換圖片?-->
<img?src="images/logo.png"?onerror="this.src='images/fail.png'">

3 反對(duì) 回復(fù) 2016-06-29

關(guān)注