How to get status code from an image url? Javascript

Question

How would you get a status code from an image url. If the image status code is 404, I'd like to replace it with something else.

You could probably use Ajax in order to determine the exact response code if needed, however this is a heavier approach compared to Arup's answer. — MPaul
– MPaul, Commented Aug 8, 2018 at 19:45

Arup Rakshit · Accepted Answer · 2018-08-08 19:36:48Z

1

You can use onload and onerror events.

<script type="text/javascript">
  function onImageLoad() {
    alert("imgOne is loaded.");
  }

  function onImageLoadError() {
    alert("imgTwo is not loaded.");
  }
</script>
<img src="http://via.placeholder.com/350x150" id="imgOne" onload="onImageLoad(this);" />
<img src="http://via1.placeholder.com/350x150" id="imgTwo" onerror="onImageLoadError(this);" />

JSFiddle.

answered Aug 8, 2018 at 19:36

Arup Rakshit

119k30 gold badges270 silver badges328 bronze badges

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

1 Comment

MPaul Over a year ago

The only issue here is that you can't specifically associate it to a response code.

Collectives™ on Stack Overflow

How to get status code from an image url? Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related