Search code examples
javascriptimagehttp-status-codes

How to get HTTP status code of <img> tags

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?

Solution

  • 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.