只要你在同一个域上测试文件，这应该是有效的:

function fileExists(url) {
    if(url){
        var req = new XMLHttpRequest();
        req.open('GET', url, false);
        req.send();
        return req.status==200;
    } else {
        return false;
    }
}

请注意，这个例子使用了一个GET请求，它除了获取头信息(检查文件是否存在所需要的全部信息)之外，还会获取整个文件。 如果文件足够大，这个方法可能需要一段时间才能完成。

更好的方法是更改这一行:req。open('GET'， url, false);要求的事情。open('HEAD'， url, false);

JavaScript函数检查文件是否存在:

function doesFileExist(urlToFile)
{
    var xhr = new XMLHttpRequest();
    xhr.open('HEAD', urlToFile, false);
    xhr.send();

    if (xhr.status == "404") {
        console.log("File doesn't exist");
        return false;
    } else {
        console.log("File exists");
        return true;
    }
}

我想要一个函数，将返回布尔值，我遇到了闭包和异步性相关的问题。我是这样解决的:

checkFileExistence= function (file){
    result=false;
    jQuery.ajaxSetup({async:false});
    $.get(file)
        .done(function() {
           result=true;
        })
        .fail(function() {
           result=false;
        })
    jQuery.ajaxSetup({async:true});
    return(result);
},

一种类似的和最新的方法。

$.get(url)
    .done(function() { 
        // exists code 
    }).fail(function() { 
        // not exists code
    })

这并没有解决OP的问题，但对于任何从数据库返回结果的人来说:这里是我使用的一个简单方法。

如果用户没有上传头像，头像字段将为NULL，所以我将从img目录插入一个默认头像图像。

function getAvatar(avatar) {
    if(avatar == null) {
        return '/img/avatar.jpg';
    } else {
        return '/avi/' + avatar;
    }
}

then

<img src="' + getAvatar(data.user.avatar) + '" alt="">

这对我来说很管用:

function ImageExist(url) 
{
   var img = new Image();
   img.src = url;
   return img.height != 0;
}