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

JavaScript を使用したサーバー上の画像の可用性の検出

質問:

画像リソースがサーバーに存在するかどうかをプログラムで判断する方法使用しているサーバーJavaScript?

答え:

JavaScript を使用すると、XMLHttpRequest を使用して HTTP リクエストを開始するか、jQuery などのライブラリを利用することで、画像の可用性を確認できます。

を使用して次の解決策を検討してください。 XMLHttpRequest:

function imageExists(image_url) {
  const http = new XMLHttpRequest();

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

  return http.status != 404;
}

この関数は、指定された画像 URL に HTTP HEAD リクエストを送信し、応答ステータスが 404 (見つからない) ではないかどうかを確認します。画像が存在する場合は true を返します。それ以外の場合は false を返します。

または、jQuery を使用して簡潔な実装を行うこともできます。

$.get(image_url)
  .done(function() { 
    // Image exists - take appropriate action.
  })
  .fail(function() { 
    // Image doesn't exist - handle accordingly.
  });

これらの手法を使用すると、画像の利用可能性を動的に確認し、それに応じて HTML を変更できます。

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