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

标签 javascript

我使用了 here 中的图像存在检查代码。我的代码如下所示:

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;
});

但是每次它都会给出错误,即使图像存在于给定路径中。当我使用this时URL 然后既没有调用错误也没有成功回调。哪些地方做错了?

最佳答案

试试这个

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");

关于javascript - 图像存在检查不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18372122/

相关文章:

javascript - 删除无父 HTML 元素

javascript - 对用户输入的特定值进行加/减

javascript - 访问麦克风时在Safari中播放音频

javascript - d3 将画笔捕捉到 x 轴上的日期

javascript - 可放置区域中的 jQuery 可放置区域

javascript - javascript 变量作用域的问题

javascript - 通过 jquery 的 wordpress 自定义字段值

javascript - 如何 "dim"网页中的某个区域

javascript - 在控制台中显示附加值

javascript - 打印 HTML 内容