首頁 > web前端 > js教程 > 如何使用 JavaScript 檢查伺服器上是否存在圖像?

如何使用 JavaScript 檢查伺服器上是否存在圖像?

DDD
發布: 2024-12-01 06:40:11
原創
755 人瀏覽過

How to Check if an Image Exists on the Server with 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;
}
登入後複製

此函數發送一個 HTTP HEAD 請求指定的映像 URL 並檢查回應狀態是否不是 404(未找到)。如果圖片存在,則傳回true;

或者,您可以使用 jQuery 進行簡潔的實作:

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

使用這些技術,您可以動態檢查圖片可用性並相應地修改 HTML。

以上是如何使用 JavaScript 檢查伺服器上是否存在圖像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板