2

jQuery / JSを使用して画像のステータスコードを確認することはできますか？

例えば、

img1 = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg";

if(statusCheck(img1) == 404){
    /do something
}elseif(statusCheck(img1) == 403){
    //do something else
}elseif(statusCheck(img1) == 304){
    //do something else
}

ありがとう

4

1 に答える 1

6

Imageクロスオリジン制限の影響を受けないオブジェクトを作成できます。

var image = new Image();
image.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg"

image.onload = function() {
    alert('Image has loaded');
};

image.onerror = function() {
    alert('Image did not load');
};

画像の読み込みは非同期であるため、エラーコードを返す関数を作成することはお勧めできません。

デモ： http： //jsfiddle.net/Blender/apyL7/

また、応答コードを取得する方法がないように思われるため、画像が読み込まれたかどうかだけを知ることに制限されます。

于 2013-01-09T00:59:13.377 に答える