5

我需要通过XmlHttpRequest. 数据来自第三方，我想在下载内容时逐渐显示内容。

所以我认为以下方法会起作用：

var req = new XMLHttpRequest();
req.open( "GET", mirror.url, true );
req.responseType = "arraybuffer";

req.onload = function( oEvent ) {
    console.log( "DONE" );
};
var current_offset = 0;
req.addEventListener("progress", function(event) {
    if( event.lengthComputable ) {
        var percentComplete = Math.round(event.loaded * 100 / event.total);
    }
    var data = req.response;
    // Fails here: req.response is null till load is called

    var dataView = new DataView( data );
    while( current_offset < dataView.byteLength ) {
        // do work
        ++current_offset;
    }

    console.log( "OFFSET " + current_offset + " [" + percentComplete + "%]" );

}, false);
try {
    req.send( null );
} catch( er ) {
    console.log( er );
}

遗憾的是，根据规范，.response不可用。

有没有什么方法可以访问已经下载的数据，而不需要像使用这样可怕的解决方法Flash？

编辑：

找到至少一个适用于 Firefox 的非标准解决方案：

responseType = "moz-chunked-arraybuffer";

另请参阅：WebKit 等效于 Firefox 的“moz-chunked-arraybuffer”xhr responseType

4

2 回答 2

2

一种解决方案是使用范围请求仅下载文件的一部分以仅下载文件的一部分。有关详细信息，请参阅以下博客文章HTTP 状态：206 部分内容和范围请求。

如果您可以控制服务器，您还可以在服务器端拆分文件并下载它的块。这样，您就可以在收到不同的块时访问响应。

第三种方法是使用WebSockets下载数据。

如果您无法控制要从中下载的服务器，并且其他选项都不起作用，那么您可能需要实现一个代理服务，该服务将充当中间件并只允许您下载其中的一部分。

于 2013-03-08T17:11:36.520 回答
0

您是否考虑过为此使用库？

我从来没有用它来加载一个 100MB 的文件，但是PreloadJS非常适合加载各种资产。

于 2013-03-08T15:46:36.017 回答