如何使用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中文網其他相關文章!