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

使用JavaScript 驗證伺服器上的影像可用性

在Web 開發場景中，可能需要確定特定影像檔案是否存在於伺服器上在在使用者介面中使用伺服器之前。 JavaScript 提供了一種檢查圖像是否存在的方法，從而能夠動態地即時更新網頁。

要實現這一點，可以利用 XMLHttpRequest 對象，該對象允許從伺服器發送和接收資料使用 JavaScript。以下程式碼片段說明如何檢查圖片是否存在：

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

此函數對指定圖片 URL 執行 HTTP HEAD 請求。 HEAD請求僅檢索資源的標頭訊息，而不下載整個影像。如果傳回的 HTTP 狀態碼不是 404（Not Found），則表示伺服器上存在該映像。

或者，使用 jQuery 可以簡化該過程：

$.get(image_url)
    .done(function() {
        // Do something now you know the image exists.
    })
    .fail(function() {
        // Image doesn't exist - do something else.
    })

在此例如，jQuery 的 $.get() 函數向圖像 URL 發送 HTTP GET 請求。如果請求成功（HTTP狀態碼不是404），則執行done()回呼函數；否則，將呼叫fail()回呼函數。

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