如何使用 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中文网其他相关文章！