如何使用 jQuery 和 JavaScript 检查文件是否存在？-js教程-PHP中文网

如何使用 jQuery 和 JavaScript 检查文件是否存在？

Barbara Streisand

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

原创

440 人浏览过

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 方法

对于纯 JavaScript，XMLHttpRequest 提供了一种替代方法：

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

登录后复制

此方法检查 404 状态（未找到文件）。

注意： 异步 XMLHttpRequest 已弃用。要异步实现它，请考虑以下事项：

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

登录后复制

以上是如何使用 jQuery 和 JavaScript 检查文件是否存在？的详细内容。更多信息请关注PHP中文网其他相关文章！