Way to detect broken images in javascript? [duplicate]

Question

I need to be able to detect if an image is broken and replace with a default image if the image link is broken. I know i could do this with an image proxy, but was hoping to do it on the fly with javascript.

Answer 1

I believe it's the onerror event of the img element. onerror=function(){} though i've never used it.

Answer 2

As any event the onerror will propagate upwards on the DOM, so you could make a generic handler for this type of errors.

<script type="text/javascript">
jQuery(document).bind('error', function(event) {
  console.log(event.target.src);
});
</script>