自動判斷頁面上的圖片是否加載成功,不成功替換爲默認圖片

 

頁面上有用戶自定義圖片的時候經常會出現用戶定義的圖片特別是站外圖片被刪除或無法訪問,因此,需要判斷圖片是否能成功被加載,否則自動換成“無法找到圖片”之類的系統圖片。

 

做法很簡單

 

在BODY中加段很簡單的JS代碼

 

document.body.οnlοad=getImg;

function getImg()

 for(var i=0;i<document.images.length;i++)
 {
  if(document.images[i].readyState!='complete')
   document.images[i].src="/images/no.JPG";
 }
}

 

 

或者在每張圖片的onload對readyState進行判斷

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章