首頁 > web前端 > js教程 > 主體

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

DDD
發布: 2024-11-16 15:19:03
原創
560 人瀏覽過

How to Check if an Image Exists on a Server with 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中文網其他相關文章!

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