Jquery 如何使用给定的 url 判断图像是否存在

发布于08月01日

我想使用jquery判断图像是否存在.

例如，如何判断此图像是否存在

http://www.google.com/images/srpr/nav_logo14.png

支票必须给我一个200或ok的状态

--------------edited-------------------

var imgsrc = $(this).attr('src');
var imgcheck = imgsrc.width;


if (imgcheck==0) {
alert("You have a zero size image");
} else { //do rest of code }

Thanks Jean

推荐答案

Use the error handler like this:

$('#image_id').error(function() {
  alert('Image does not exist !!');
});

如果无法加载图像(例如，因为它不在提供的URL中)，将显示alert :

Update:

我认为使用:

$.ajax({url:'somefile.dat',type:'HEAD',error:do_something});

足够判断404了.

More Readings:个

Update 2:

您的代码应该如下所示:

$(this).error(function() {
  alert('Image does not exist !!');
});

No need for these lines and that won't check if the remote file exists anyway:

var imgcheck = imgsrc.width;    

if (imgcheck==0) {
  alert("You have a zero size image");
} else { 
  //execute the rest of code here 
}

实用课程推荐