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

JavaScript を使用したサーバー上の画像の存在の確認

Web ページのサーバー上で特定の画像にアクセスできるかどうかを確認する必要がある場合画像 1.jpg から 5.jpg をロードし、JavaScript を使用できます役に立ちました。

解決策:

次のアプローチにより、画像の存在を毎分チェックする JavaScript 関数を作成できます:

1. XMLHttpRequest を利用するobject:

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

   ログイン後にコピー

この関数は、画像 URL に対して HTTP HEAD リクエストを作成し、サーバーが画像が存在しないことを示す 404 ステータスで応答するかどうかを確認します。

2. 代わりに、jQuery または別の同様のものを使用します。 library:

   $.get(image_url)
    .done(function() { 
        // Perform some action if the image exists.
   
    }).fail(function() { 
        // Perform an alternative action if the image does not exist.
   
    })

   ログイン後にコピー

jQuery メソッドを使用すると、非同期 GET リクエストを作成し、サーバーの応答に応じて実行されるさまざまなアクションを指定できます。

を実装することで、これらの手法の 1 つを使用すると、この情報を JavaScript コードで取得でき、画像の可用性に基づいて画像の読み込みを動的に管理できるようになります。サーバー。

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