如何使用 jQuery 和 JavaScript 验证服务器上的文件是否存在？

使用 jQuery 和 JavaScript 验证文件是否存在

确定服务器上文件的存在在各种 Web 开发场景中至关重要。这个综合指南将引导您完成两种实用方法：使用 jQuery 和纯 JavaScript。

jQuery 方法

jQuery 提供了一种优雅的方法，使用 XHR 检查文件存在性HEAD 请求类型。以下代码演示了这种方法：

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

纯 JavaScript 方法

如果没有 jQuery，纯 JavaScript 使用 XMLHttpRequest 对象提供类似的功能。这是一个有效的实现：

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

请注意，上面的代码检查 404 HTTP 状态代码。要验证成功的状态代码（例如 200），请进行以下修改：

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

JavaScript 的异步替代方案

由于不推荐使用同步 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中文网其他相关文章！