JavaScript/jQuery best way to catch GET 404 error (image loading)

Asked Aug 29 '14 at 10:15

Active Aug 29 '14 at 10:17

Viewed 1,985 times

0

I wrote simple code to check is image loaded

imageLoadErrorCheck: function() {
    $('img').on('error', function() {
        $(this).addClass('img_errorShowInfo');
        $(this).prop('src', '/assets/default/img/404.png');
    });
},

but somehow in some cases this code is not working approx in 1 on 20 refreshes it's not triggering (I'm checking now in Chrome only).

Is any better way to recognize when an image was not loaded? E.g. console always throwing GET 404 error, maybe is a way to catch this?

asked Aug 29 '14 at 10:15

LJ Wadowski

6,424
11
43
76

1

http://stackoverflow.com/questions/3381663/check-if-image-exists-with-given-url-using-jquery – Klemen Tusar Aug 29 '14 at 10:17
Where is the script situated? The event could have been triggered before the listerner started. – Daniel Schmidt Aug 29 '14 at 10:17
script is called on `$(document).ready` and `$(document)ajaxComplete` – LJ Wadowski Aug 29 '14 at 10:19
1

If I remember correctly the images start loading before the document ready event fires, if you put the body of the function into the header it should work always. – Daniel Schmidt Aug 29 '14 at 10:21

0 Answers0