检查图像是否存在而没有错误消息

时间:2015-10-23 12:58:12

标签: javascript image

通过(本机)javascript,我想检查图像是否存在。我找到了这个脚本:

function imageExists(image_url){
    var http = new XMLHttpRequest();
    http.open('HEAD', image_url, false);
    http.send();
    return http.status != 404;
}
来自this question

。但是,每次我运行它时,只要它找不到图像(在控制台中),它就会抛出一条HEAD错误消息。 如果找不到任何内容,我可以摆脱这个错误吗?

链接问题评论中的onload / onerror解决方案也给出了同样的问题,报告错误。

1 个答案:

答案 0 :(得分:-1)

试试这个

function imageExists(url, callback) {
   var img = new Image();
   img.onload = function() { callback(true); };
   img.onerror = function() { callback(false); };
   img.src = url;
}

// Sample usage
var imageUrl = 'image_url';
imageExists(imageUrl, function(exists) {
alert(exists);
});

结帐Checking if image does exists using javascript