javascript - 图像存在检查不起作用

Question

我从这里使用了图像存在检查代码。我的代码如下所示：

var checkImage = function(src,success) {
  var img = new Image();
  img.onload = function() {
    success(src);
  };

  img.onerror = function() {
    alert('error');
  };

  img.src = src; // fires off loading of image
};

我把它称为

var src='';
checkImage('../images/icon64x64.png',function(source){
  alert('success image'+source);
  src=source;
});

但是，即使图像存在于给定的路径中，每次它都会出错。当我使用此URL 时，既不会调用错误回调也不会调用成功回调。什么做错了？

Answer 1

您可以使用 jquery 检查文件是否存在

var checkImage=function(src){

   $.ajax({

      url:src,
      type: "HEAD",
      async: true,
      success: function()
      { 
         //This shows file is there
         // If it is there load it into your variable
      },
      error: function()
      {
       //file is not there
      },
   });
}

Answer 2

尝试这个

function IsValidImageUrl(url) {
    $("<img>", {
    src: url,
    error: function() { alert(url + ': ' + false); },
    load: function() { alert(url + ': ' + true); }
  });
}

IsValidImageUrl("https://www.google.com/logos/2012/hertz-2011-hp.gif");
IsValidImageUrl("http://google.com");