最近項目裏面有不少地方須要加載圖片,可是有的圖片後來不在了,顯示的xx比較難看,爲了避免影響美觀,因此須要設置默認圖片
這種狀況下能夠利用image對象的onerror事件來判斷,出錯則更換image對象的src爲默認圖片的URL。 this
<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">
若是一個界面已經畫好,圖片太多,格式大小比較統一的話,也能夠直接註冊spa
//設置默認圖片顯示code
$(document).ready(function () { $("img").error(function () { $(this).attr("src", "../../Images/Comm/default.png"); }); });
這樣就方便多了,不須要再去一個一個的給ing掛onerror
優缺點須要本身衡量,選擇適合本身的方法對象