XHR responseType "ms-stream" 在 IE Mobile/Windows Phone 8.1 上失败

Question

我正在尝试在 JavaScript 中流式传输大量二进制数据，在下载完成之前访问数据。在大多数主流浏览器中，我可以使用charset=x-user-defined 技巧在 progress 事件期间手动获取原始字节数据。

然而，在 Internet Explorer 中，这个技巧不起作用，我只能使用 VBArray(responseBody).toArray() 方法，这非常慢。但是，由于我只需要支持 IE 11 及更高版本，我应该可以利用 IE 的MSStream 逐步获取数据。以下代码在 IE 11 桌面上运行良好，但在运行 IE 11 移动版的 Lumia Windows Phone 8.1 设备上运行良好：

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'ms-stream';
xhr.onreadystatechange = function () {
    if (xhr.readyState === 3 && xhr.status === 200) {
        // reader is an MSStreamReader object
        reader.readAsArrayBuffer(xhr.response);
    }
};
xhr.send();

在 Windows Phone 设备上，readyState 永远不会超过 1，status 为 0，表示发生了未知错误，即使没有引发实际错误。

有谁知道为什么这对我不起作用，或者可能是问题的解决方案？

Answer 1

假设您已经尝试过同源策略解决方案并且相当确定该问题与同源策略无关......

我认为问题在于 IE 没有进入就绪状态 3，因为在收到整个响应之前它不会进入就绪状态。

解决此问题的方法是发送一个 2 KB 的“前奏曲” 在响应流的顶部——我的测试只是发送了 2kb 的空格。 在收到初始块后，onprogress 事件被触发为 从网络接收每个后续块。

还有，你试过这个吗……

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onreadystatechange = function () {
    if (xhr.status === 200) {
        var blob = this.response;
        reader.readAsArrayBuffer(blob);
    }
};
xhr.send();