javascript - How to get HTTP status code of <img> tags

Question

I have a page with a lot of images that are generated server-side depending on user actions. And when image loads successfully I'm happy, but when there is an error on the server I have to act according to what an error occurred.

For example:

• 500 code: do this stuff.
• 503 code: do that stuff

and so on.

So, my question: is there any way to get status code within "img" tag on-error event handler?

Answer 1

No, there is no way to get the HTTP status from a request made by an img tag in JavaScript.

You could write a firefox plugin, chrome/safari extension to do that.

An alternative would be using AJAX to load your images (not using img tags). You can get Http Status Codes from Ajax Requests.