JavaScript を使用して画像がサーバー上に存在するかどうかを確認するにはどうすればよいですか?

JavaScript を使用したサーバー上の画像の可用性の確認

Web 開発シナリオでは、特定の画像ファイルがサーバー上に存在するかどうかを確認する必要がある場合があります。ユーザーインターフェイスで使用する前にサーバーをインストールしてください。 JavaScript は、画像の存在を確認するメソッドを提供し、Web ページの動的なリアルタイム更新を可能にします。

これを実現するには、サーバーとのデータの送受信を可能にする XMLHttpRequest オブジェクトを利用できます。 JavaScriptを使用して。次のコード スニペットは、画像が存在するかどうかを確認する方法を示しています。

function imageExists(image_url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', image_url, false);
    http.send();
    return http.status != 404;
}

この関数は、指定された画像 URL に対して HTTP HEAD リクエストを実行します。 HEAD リクエストは、イメージ全体をダウンロードせずに、リソースのヘッダー情報のみを取得します。返された HTTP ステータス コードが 404 (Not Found) ではない場合、画像がサーバー上に存在することを示します。

または、jQuery を使用するとプロセスを簡素化できます。

$.get(image_url)
    .done(function() {
        // Do something now you know the image exists.
    })
    .fail(function() {
        // Image doesn't exist - do something else.
    })

この例では、たとえば、jQuery の $.get() 関数は、HTTP GET リクエストを画像 URL に送信します。リクエストが成功すると (HTTP ステータス コードが 404 ではない)、done() コールバック関数が実行されます。それ以外の場合は、fail() コールバック関数が呼び出されます。

以上がJavaScript を使用して画像がサーバー上に存在するかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。