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

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

檢查伺服器上是否存在資源在許多Web 應用程式中至關重要，例如動態載入圖片。讓我們探索如何使用 JavaScript 來完成此任務。

問題：

您的HTML 頁面中嵌入了多個映像（例如，1.jpg 到5.jpg），並且想要定期檢查伺服器上是否有其他圖像（例如6.jpg）可用。為此，您需要每分鐘呼叫一個JavaScript 函數來執行以下檢查：

if "../imgs/6.jpg" exists:
    var nImg = document.createElement("img6");
    nImg.src = "../imgs/6.jpg";

解決方案：

檢查圖像是否存在於伺服器，您可以使用以下JavaScript程式碼：

function imageExists(image_url){

    var http = new XMLHttpRequest();

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

    return http.status != 404;

}

說明：

此程式碼片段使用XMLHttpRequest 物件向指定的映像URL 發送HTTP HEAD 請求。 HEAD 請求傳回與資源關聯的 HTTP 狀態代碼，指示該資源是否存在。狀態代碼 200 或 304 表示資源存在，而 404 狀態代碼表示資源不存在。

或者，您可以使用 jQuery 實作：

$.get(image_url)
    .done(function() { 
        // Do something now you know the image exists.

    }).fail(function() { 
        // Image doesn't exist - do something else.

    })

此 jQuery 方法也可以執行 HTTP GET 請求並根據伺服器的回應執行指定的回呼。

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