How to check that url is a valid image source using Jquery?

Question

I want to check if an image exists on the given URL using jquery. For example how do I check that an image exists on this url.

https://www.google.com/logos/2012/hertz-2011-hp.gif

but not on this url

 http://www.google.com

Answer 1

function IsValidImageUrl(url) {
$("<img>", {
    src: url,
    error: function() { alert(url + ': ' + false); },
    load: function() { alert(url + ': ' + true); }
});
}

IsValidImageUrl("https://www.google.com/logos/2012/hertz-2011-hp.gif");
IsValidImageUrl("http://google.com");