javascript如何檢測一個圖片是否存在

antzone發表於2017-04-06

在實際應用中,可能有這樣的需求,那就是檢測一個圖片是否存在。

下面就通過程式碼例項介紹一下如何實現此功能。

實現方式一:

[JavaScript] 純文字檢視 複製程式碼
function CheckImgExists(imgurl) {
  var ImgObj = new Image();
  ImgObj.src = imgurl;
  //沒有圖片,則返回-1
  if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
    console.log("softwhy.com提醒您圖片存在");
  }
  else {
    console.log("softwhy.com提醒您圖片不存在");
  }
}
CheckImgExists('rar.gif');

實現方式二:

[HTML] 純文字檢視 複製程式碼
<img src="a.jpg" onerror="this.src='b.jpg'" alt="螞蟻部落">

相關文章