網站圖片不存在,顯示默認圖片解決辦法

最近項目裏面有不少地方須要加載圖片,可是有的圖片後來不在了,顯示的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

優缺點須要本身衡量,選擇適合本身的方法對象

相關文章
相關標籤/搜索