Detect 404 images using Javascript

Question

I have in my application some references to Twitter photos.

When the photo is no longer available on Twitter side (see this example: http://p.twimg.com/AmL3hpaCEAd2wtN.jpg), I receive a 404 response code with an image as a body (the gray 404 image)

I'm using onload and onerror javascript methods on Img, but since p.twimg.com is returning a body, the onload method is triggered. I found no way to distinguish a 404 response from a 200 one.

Any idea?

does this help: http://stackoverflow.com/questions/3019077/detecting-a-image-404-in-javascript — Sudhir Bastakoti, Jun 21 '12 at 11:01

score 3 · Answer 1 · edited May 23 '17 at 12:20

3

Check image size if it's 6.232bytes(Twitter not found image's size) or not.

To find image file size

edited May 23 '17 at 12:20

Community

1
1

answered Jun 21 '12 at 11:01

totten

2,769
3
27
41

Oh, sorry about that, check my answer again. – totten Jun 21 '12 at 11:02
I didn't think anything but this. The reason is already there, image is coming with no error. – totten Jun 21 '12 at 11:07
You cannot use that method because the image is cross-origin. At best you can see the dimensions but not size in bytes. – Esailija Jun 21 '12 at 11:07
Thanks, if possible I'd like to find a more sophisticated solution :) – Chris Jun 21 '12 at 11:11

Detect 404 images using Javascript

1 Answers1