Check if image exists without error message

Question

Through (native) javascript, i want to check if an image exists. I have found this script:

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

from this question. However, everytime i run this, it throws me a HEAD error message whenever it does not find an image (in the console). Can i get rid of this error whenever it fails to find something?

The onload/onerror solution in the comments at the linked question also give me the same issue, with reporting errors.

It's generally browser-level behavior to print out HTTP responses above the 3xx range. It wouldn't be helpful for debugging if it weren't consistent. If you could instruct the server to return something like a 204 (The server successfully parsed the request, but is not returning any content) for a particular URL range, that might stop the error. — Katana314, Oct 23 '15 at 13:25
This is new information for me, and although it's helpful, i do not have control over the server settings, so unfortunately this is not an option for me. — Davy, Oct 23 '15 at 13:35

score -1 · Answer 1 · edited May 23 '17 at 11:58

-1

Try this

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

check out Checking if image does exists using javascript

edited May 23 '17 at 11:58

Community

1
1

answered Oct 23 '15 at 13:09

Vinodhan

110
4

He said he failed to make it work. But this is working. – GramThanos Oct 23 '15 at 13:12
2

Change the URL to `var imageUrl = 'http://www.example.com/image_url';` and look at the console. – epascarello Oct 23 '15 at 13:17
Yes as epascarello said, i don't get a HEAD-error precisely, however it's still a console error that i do not want. – Davy Oct 23 '15 at 13:21

Check if image exists without error message

1 Answers1