[解決済み] JavaScriptで画像がサーバーに存在するかどうかをチェックする？

質問

javascriptを使用して、サーバー上でリソースが利用可能かどうかを判断する方法はありますか？例えば、私は画像1.jpg - 5.jpgをhtmlページにロードしています。1分おきくらいにJavaScriptの関数を呼び出して、おおよそ以下のようなスクラッチコードを実行したいのですが...。

if "../imgs/6.jpg" exists:
    var nImg = document.createElement("img6");
    nImg.src = "../imgs/6.jpg";

感想は？ありがとうございます。

どのように解決するのですか？

のようなものを使えばよいでしょう。

function imageExists(image_url){

    var http = new XMLHttpRequest();

    http.open('HEAD', image_url, false);
    http.send();

    return http.status != 404;

}

明らかに、HTTPリクエストを実行するためにjQuery/類似のものを使用することができます。

$.get(image_url)
    .done(function() { 
        // Do something now you know the image exists.

    }).fail(function() { 
        // Image doesn't exist - do something else.

    })