javascript - XMLHttpRequest 206 部分内容

Question

我想从 JavaScript 中的 XMLHttpRequest 对象发出部分内容请求。我正在从服务器加载一个大型二进制文件，我宁愿从服务器流式传输它，类似于处理 html5 视频的方式。

我可以使用 setRequestHeader 来设置范围 header 。 Chrome 中的网络检查器显示 Range header 设置成功。但是，Accept-Encoding header 设置为“gzip,deflate”，Chrome 不允许我设置该 header (来自 W3C 标准)。

有什么方法可以强制服务器仅通过 javascript 响应 XMLHttpRequest 对象的 206 部分内容？

Answer 1

这个范围请求对我来说很好用:http://jsfiddle.net/QFdU4/

var xhr = new XMLHttpRequest;

xhr.onreadystatechange = function () {
  if (xhr.readyState != 4) {
    return;
  }
  alert(xhr.status);
};

xhr.open('GET', 'http://fiddle.jshell.net/img/logo.png', true);
xhr.setRequestHeader('Range', 'bytes=100-200'); // the bytes (incl.) you request
xhr.send(null);

不过，您必须确保服务器允许范围请求。您可以使用 curl 对其进行测试:

$ curl -v -r 100-200 http://example.com/movie.mkv > /dev/null