javascript - 读取远程文件的部分内容

Question

有一个远程文件，我们想要使用 Ajax 读取其中的一部分。 我们如何只使用 JS 而不使用 PHP 这样的服务器端技术来做到这一点？

我想我需要使用 HTTP Range header ，但是如何使用 Ajax 设置它？是否可以在 Ajax 中设置 HTTP header ？

Answer 1

您可以通过 setRequestHeader 设置 XML 请求的 header ，例如如果 xhr 是 XMLHttpRequest 实例:

xhr.setRequestHeader('HeaderName', 'HeaderValue');

我刚刚测试了它，这给了我所请求文件的前 56 个字符:

var xhr = new XMLHttpRequest();
xhr.open("get", "thefile");
xhr.setRequestHeader("Range", "bytes=0-100");
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        $("<p>").text("status = " + xhr.status + ", length = " + xhr.responseText.length + ", text = " + xhr.responseText).appendTo(document.body);
    }
};
xhr.send();

请注意，状态返回为 206(部分内容)，而不是 200。

为什么是 56 个字符？在我的测试中可能是字节与字符的问题。