如何判斷網頁中圖片載入成功或失敗？

判斷網頁中圖片載入成功或失敗的方法：首先需要判斷圖片是否能成功被載入；然後自動換成「無法找到圖片」之類的系統圖片即可，程式碼為【for(var i=0;i

#判斷網頁中圖片載入成功或失敗的方法：

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

做法很簡單

在BODY中加段很簡單的JS程式碼

document.body.οnlοad=getImg;
function getImg()
{
 for(var i=0;i<document.images.length;i++)
 {
  if(document.images[i].readyState!=&#39;complete&#39;)
   document.images[i].src="/images/no.JPG";
 }
}

 

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

相關學習推薦：javascript影片教學

以上是如何判斷網頁中圖片載入成功或失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！