☰

JavaScript を使用してサーバー上に画像が存在するかどうかを確認しますか? 質問する

tag-icon • tag-icon javascript
JavaScript を使用してサーバー上に画像が存在するかどうかを確認しますか? 質問する

JavaScript を使用して、サーバー上でリソースが使用可能かどうかを確認する方法はありますか? たとえば、画像 1.jpg - 5.jpg が HTML ページに読み込まれています。およそ次のスクラッチ コードを実行する JavaScript 関数を 1 分ごとに呼び出したいのですが...

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

ご意見は？ありがとうございます！

ベストアンサー1

次のようなものを使用できます:

function imageExists(image_url){

    var http = new XMLHttpRequest();

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

    return http.status != 404;

}

当然ながら、jQuery/similar を使用して HTTP リクエストを実行することもできます。

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

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

    })

おすすめ記事