javascript - 画像で 500 個のエラーをチェックするときの最善の方法は何ですか?

Question

使用している Web サービスがダウンした場合に追加の画像を表示したい。誰かが一般的な条件文を表示できますか?

関数が名前を変更するjsファイル内の誰でもjsonpを解析したい: OX7289210029({my:example})

「OX」定数で始まる任意の JSONP 関数を解析するために正規表現を使用できますか?

Answer 1

以下のコードを試して、画像が存在するかどうかを確認できます。

function urlExists(testUrl) {
 var http = jQuery.ajax({
    type:"HEAD",
    url: testUrl,
    async: false
  })
  return http.status!=404;
}

使うより

if(urlExists('urlToImgOrAnything') {
...
}
else {
...
}

確認して、問題や懸念がある場合はお知らせください。

ありがとう、よろしく、 ドゥルガプラサド

Answer 2

最良の方法は、プレーンな JavaScript を使用することです。

Javascript

var img = new Image(); //Create new Image object

img.src = "notexisting"; //notexisting = your own path

img.onerror = function() { alert("TEST"); } //Alerts test on failure

または、jQueryの使用を主張する場合...

jQuery

$("imageselector").error(function() {
    alert("Image error!");
});