jQueryで画像のロードするときに、画像images/test2.jpgが存在しないときにalert("エラー")をやりたいのですが、images/test2.jpgの存在チェックってどうするか教えてください。
//画像ＵＲＬ
var url="images/test2.jpg";
//imgPreloaderオブジェクトを作る、名前は任意
var imgPreloader=new Image();
//onloadイベントハンドラ追加
imgPreloader.onload=function() {
//ロード完了で画像を表示
$("#image-box").children("img").attr({'src':url});
}
//重要、最後に書く
imgPreloader.src=url;
ログインして回答する
この質問へのコメント
質問の情報
- 登録日時
- 2015-04-28 22:02:24
- 終了日時
- 2015-05-05 22:05:05
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
あなたは 4/30～5/2は休みですか？
tak
2
-
一人合同会社を作るのに何日ぐらいかかりますか？(事前に下調べ完了している前提) 背景： 会社1に雇用され…
mogu2009
-
人間関係の事で相談です。 私は学生で、Aという２年間同じクラスで仲のいい友達がいます。その、Aという子…
匿名質問者
-
人間関係の事で相談です。 私は学生で、Aという２年間同じクラスで仲のいい友達がいます。その、Aという子…
Nshikokay2
-
「乙女ゲームの破滅フラグしかない悪役令嬢に転生してしまった」というアニメを見ている方…匿名質問者1
alert('エラー');
}
厳密には存在するかしないかじゃなくて読み込めたかどうかだけど。
> 厳密には存在するかしないかじゃなくて読み込めたかどうかだけど。
両者に違いはあるのでしょうか。
存在しなくて読み込める、もしくは存在しているけど読み込めない、ということはございますか。
ご教示頂けるとありがたいです。
こんなことをする人はほとんどいないと思いますが、確実に再現できる方法を一つ挙げますね。
Firefoxの設定で画像を読み込まない設定にすれば、画像を読み込まずにonerrorのイベントが発動します。
(アドレスバーにabout:configって入れて、permissions.default.imageの値を2にします。)
もっといい例を挙げたかったですが、思いつかなかったので許してください。
確かにブラウザの設定で読み込めないということはありますね。
存在しなくて読み込めるケースでは、ブラウザのキャッシュが利いている場合が該当するかと思いました。