如何使用 jQuery 和 JavaScript 檢查檔案是否存在？-js教程-PHP中文網

如何使用 jQuery 和 JavaScript 檢查檔案是否存在？

Barbara Streisand

發布： 2024-12-06 10:58:11

原創

439 人瀏覽過

How to Check for File Existence Using jQuery and JavaScript?

使用 jQuery 和 JavaScript 檢測檔案是否存在

確定伺服器檔案是否存在對於各種 Web 應用程式至關重要。以下是如何使用jQuery 和純JavaScript 來完成此任務：

jQuery 方法

jQuery 可以輕鬆檢查檔案存在：

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

登入後複製

純JavaScript 方法

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

登入後複製

純JavaScript 方法

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

登入後複製

對於純JavaScript，XMLHttpRequest提供了一種替代方法：此方法檢查 404 狀態（找不到文件）。注意：非同步 XMLHttpRequest 已棄用。要非同步實現它，請考慮以下事項：

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