2012-02-22 4 views
11

jqueryを使用して、指定されたURLに画像が存在するかどうかを確認します。たとえば、このURLに画像が存在することを確認するにはどうすればよいですか?URLがJqueryを使用して有効な画像ソースであることを確認するにはどうすればよいですか?

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

ではなく、このURLに

http://www.google.com 
+0

はhttp://stackoverflow.com/questions/169625/regex-to-check-if-valid-url-([あり]を参照しますjpg-png-or-gif)、[there](http://stackoverflow.com/questions/3381663/check-if-image-exists-with-given-url-using-jquery)、および[there](http://stackoverflow.com/questions/4669111/is-this-a-valid-test-to-check-if-a-url-refers-to-an-image-in-js-jquery)それは役に立つでしょう – komelgman

+0

[Here](http://stackoverflow.com/questions/3646914/how-do-i-check-if-file-exists-in-jquery-or-javascri pt)はあなたが探しているものです。 – buster

答えて

26
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"); 
+0

これはテストしましたか?何らかの理由で私はこのコードをクロムで使用しようとしており、すべてのものが偽に戻ってきています。 – IcedDante

+1

ああ、このロードは別のスレッドで実行されています。私は動作しないエラーロードメソッドから真のfalseを返そうとしていました。 – IcedDante