Question

I want to know how can i determine whether an image is available on the specified path or not. I want to display an error message if there is no image on the specified path…

For eg:

<img src="images/products/default.bmp" alt="NoImage"/>

but if there is no image default.bmp on this path then alt Noimage will be displayed but apart from this i also want to display an error message…for this i need to determine that there is no image, how can i. Please Reply

Thanks
Romi

Answer 1

Using jQuery

$('img').error(function(){
    console.log('error');
});

Another way

var img = document.getElementsByTagName('img')[0];
if(img.complete){
    console.log('loaded');
}else{
    console.log('not loaded');
}