How do I check if file exists in jQuery or pure JavaScript?

Question

How do I check if a file on my server exists in jQuery or pure JavaScript?

Answer 1

JavaScript function to check if a file exists:

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