Is there a way to tell if an image src is returning null inside of javascript?

Question

Is there anyway in javascript to test if a src of an image is actually hitting a real file?

My thought is that at some point in the DOM construction the browser has to realize that the file location is not returning a real file because it defaults to the broken file.

score 2 · Answer 1 · answered Aug 02 '12 at 19:46

2

Yes, you can leverage the onerror event for the image element.

answered Aug 02 '12 at 19:46

Quintin Robinson

81,193
14
123
132

score 1 · Accepted Answer · answered Aug 02 '12 at 19:48

Function I use in my library for this incident:

function onImageError (source) {
    //NOTE: Image Error function 
    //Useage: <img src="" onerror="onImgError(this)" />

    source.src = "/public/images/global/backup_product.jpg"; // location of sample/error image
    source.onerror = ""; // disable onerror to prevent endless loop
    return true;
}

Is there a way to tell if an image src is returning null inside of javascript?

2 Answers2