[解決済み] 指定されたURLに画像があるかどうかを確認するには？

質問

jqueryで画像が存在するかどうかを調べたいのですが。

例えば、この画像が存在するかどうかを確認するにはどうしたらよいでしょうか

http://www.google.com/images/srpr/nav_logo14.png 

チェックは200またはステータスがOKでなければなりません。

--------------edited-------------------

var imgsrc = $(this).attr('src');
var imgcheck = imgsrc.width;


if (imgcheck==0) {
alert("You have a zero size image");
} else { //do rest of code }

ありがとうございます。 ジャン

どのように解決するのですか？

この場合 error ハンドラを使います。

$('#image_id').error(function() {
  alert('Image does not exist !!');
});

画像を読み込むことができない場合（例えば、指定されたURLに画像が存在しないなど）、警告が表示されます。

更新しました。

を使っていると思います。

$.ajax({url:'somefile.dat',type:'HEAD',error:do_something});

は、404をチェックするのに十分でしょう。

もっと読む

• http://www.jibbering.com/2002/4/httprequest.html
• http://www.ibm.com/developerworks/web/library/wa-ajaxintro3/

アップデート2です。

あなたのコードはこのようになります。

$(this).error(function() {
  alert('Image does not exist !!');
});

これらの行は必要ありませんし、いずれにせよリモートファイルが存在するかどうかはチェックされません。

var imgcheck = imgsrc.width;    

if (imgcheck==0) {
  alert("You have a zero size image");
} else { 
  //execute the rest of code here 
}