如何使用 jQuery 或 JavaScript 檢查伺服器檔案是否存在？

如何使用 jQuery 或 JavaScript 確定伺服器檔案是否存在

檢查伺服器檔案是否存在是一項常見任務網路開發。 jQuery 和JavaScript 提供了簡單的解決方案來實現此目的：

jQuery 方法：

jQuery 使用帶有HEAD 方法的Ajax 請求，該方法向伺服器發送請求以檢索有關文件的元數據，而無需實際下載其內容。如果伺服器傳回錯誤（例如404），則該檔案不存在；

$.ajax({
    url:'http://www.example.com/somefile.ext',
    type:'HEAD',
    error: function() {
        //file not exists
    },
    success: function() {
        //file exists
    }
});

純JavaScript 方法（不含jQuery）：

此方法使用XMLHttpRequest 物件發送HEAD 請求。狀態碼404表示檔案不存在；任何其他狀態代碼都表示它的存在。

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

非同步執行的更新方法：

由於不建議使用同步 XMLHttpRequest，可以使用非同步實用方法：

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

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