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

see there, there and there it will be useful

komelgman
– komelgman

2012-02-22 12:46:27 +00:00
Commented Feb 22, 2012 at 12:46 — komelgman
– komelgman, Commented Feb 22, 2012 at 12:46
Here is what you may be looking for.

buster
– buster

2012-02-22 12:46:46 +00:00
Commented Feb 22, 2012 at 12:46 — buster
– buster, Commented Feb 22, 2012 at 12:46

Pal Singh · Accepted Answer · 2012-02-22 12:47:00Z

27

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");

answered Feb 22, 2012 at 12:47

Pal Singh

1,9721 gold badge17 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

IcedDante Over a year ago

Have you tested this? For some reason I am trying to use this code in chrome and every thing is coming back false

IcedDante Over a year ago

oh, what's happening is this load executes in a separate thread. I was trying to return true false from the error load methods which wouldn't work.

Collectives™ on Stack Overflow

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

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related