imgタグに画像が存在するかチェックするサンプルです。
画像がリンク切れしているかどうかをチェックしたい場合などに使用できます。
サンプルソース
例）id="img1"のイメージタグに画像が設定されているか判定する
|
1 2 3 4 5 |
var obj = document.getElementById("img1"); var image = new Image(); image.src = obj.src; var result = image.width; |
resultが0でなければ画像あり、0なら画像無しです。
解説
- 画像が無い場合はサイズがゼロになる事を利用して判定しています。
- imgタグのwidth値を直接参照するとalt属性がある場合にうまく判定できないので、生成したImageオブジェクトにimgタグをコピーしてwidth値を判定するのがポイントです。