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

使用JavaScript 驗證伺服器上的映像是否存在

如果您需要確定網頁中的伺服器上是否可以存取特定圖像載入1 .jpg 到5.jpg，JavaScript 都會很有幫助。

解決方案：

以下方法可讓您建立檢查影像的JavaScript 函數每分鐘都存在：

1. 利用XMLHttpRequest 物件：

   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 或其他類似的庫：

   $.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 請求，並根據伺服器的回應指定要執行的不同操作。

透過實現其中一種技術，您可以在 JavaScript 程式碼中檢索此信息，從而允許您可以根據伺服器上的可用性動態管理映像加載。

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