Ajax - 下载前获取文件大小

基本上，我想弄清楚是否应该使用 AJAX 下载文件，具体取决于文件大小有多大。

我想这个问题也可以改写为：如何仅获取ajax请求的标头？

EDIT: ultima-rat0 https://stackoverflow.com/users/2399627/ultima-rat0在评论中告诉我两个已经被问过的问题显然与这个问题相同。他们非常相似，但他们都想要 jQuery。我想要一个非 jQuery 的解决方案。

您可以手动获取 XHR 响应头数据：

http://www.w3.org/TR/XMLHttpRequest/#the-getresponseheader()-方法 http://www.w3.org/TR/XMLHttpRequest/#the-getresponseheader()-method

此函数将获取所请求 URL 的文件大小：

function get_filesize(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open("HEAD", url, true); // Notice "HEAD" instead of "GET",
                                 //  to get only the header
    xhr.onreadystatechange = function() {
        if (this.readyState == this.DONE) {
            callback(parseInt(xhr.getResponseHeader("Content-Length")));
        }
    };
    xhr.send();
}

get_filesize("http://example.com/foo.exe", function(size) {
    alert("The size of foo.exe is: " + size + " bytes.");
});