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

Question

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

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

从这个问题.但是,每次我运行它时,只要它找不到图像(在控制台中),它就会抛出一条HEAD错误消息.每当它找不到东西时,我能摆脱这个错误吗？

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

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

查看使用 javascript 检查图像是否存在