Check image HTTP status codes using jQuery/JS?

Question

is it possible to check the status codes of images using jQuery/JS?

For example,

img1 = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg";

if(statusCheck(img1) == 404){
    /do something
}elseif(statusCheck(img1) == 403){
    //do something else
}elseif(statusCheck(img1) == 304){
    //do something else
}

Thanks

You could try accomplish that with XMLHTTPRequest but you have to be aware that most of the sites don't allow crossDomain requests (and for good reasons!) — Paweł Staniec
– Paweł Staniec, Commented Jan 9, 2013 at 0:56

Blender · Accepted Answer · 2013-01-09 00:59:13Z

6

You can construct an Image object, which isn't affected by cross-origin restrictions:

var image = new Image();
image.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg"

image.onload = function() {
    alert('Image has loaded');
};

image.onerror = function() {
    alert('Image did not load');
};

Image loading is asynchronous, so making a function that returns the error code won't be a good idea.

Demo: http://jsfiddle.net/Blender/apyL7/

Also, there doesn't seem to be a way to get the response code, so you're limited to knowing only whether the image loaded or not.

answered Jan 9, 2013 at 0:59

Blender

300k55 gold badges462 silver badges511 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1530249 Over a year ago

Thanks, So you are saying it is not possible to retrieve the http status codes? For example 304 is different than 200 even though they can both load.

Nik Sumeiko Over a year ago

What about Flickr images that have been removed, hidden and moved? Flickr doesn't remove them physically, but notifies with 301, that the image has been moved permanently. Try this one: farm9.static.flickr.com/8521/8619601616_b4ba28c3b0_z.jpg (it's broken, but still loaded and 'load' event is fired).

Collectives™ on Stack Overflow

Check image HTTP status codes using jQuery/JS?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related