image.onError event never fires, but image isn't valid data - need a work around

Question

I am trying to append an image to a page using JavaScript:

image = document.createElement(\'img\');
image.onload = function(){
    document.body.appendChild(         


        

Answer 1

Here is my solution. If I've 404 for my image - I try to insert one of my array that is 200 OK (Pure Javascript). Images must be in same path. Otherwise - my func will return 'no-image.png'. jQuery/JavaScript to replace broken images