JavaScript から画像の存在有無を調べる

Check

- Image オブジェクトを使うとスマートにできる。Firefox1.0.4, IE6 で確認。

function existImage(sImageUrl){
    var img = new Image();
    img.src = sImageUrl;
    return img.height > 0; // 読み込みに失敗すれば 0 になる。
}
  
if(existImage(“http://www.google.co.jp/intl/ja_jp/images/logo.gif”)){
  alert(“存在します”);
}else{
  alert(“存在しません”);
}

 
追記(2009-08-18):
メモリークラフトさんの記事より、この方法はIE7以降では動作しないようです。代替実装はリンク先を参照してください。

関連記事:

1. JavaScript で OOP
2. JavaScript で継承
3. JavaScript で便利な機能追加
4. JavaScript での各種アルゴリズム実装
5. ブラウザの JavaScript バージョンチェック
6. JavaScript で ActiveX を使う
7. StyleSheet on JavaScript