我需要通过XmlHttpRequest
下载一个大的(> 100MB)数据文件。数据来自第三方,我希望在下载时逐渐显示内容。
所以我认为以下内容可行:
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 equivalent to Firefox's "moz-chunked-arraybuffer" xhr responseType
答案 0 :(得分:2)
一种解决方案是仅使用范围请求下载文件的一部分,以仅下载文件的一部分。有关详细信息,请参阅以下博文HTTP Status: 206 Partial Content and Range Requests。
如果您可以控制服务器,您还可以在服务器端拆分文件并下载它的块。通过这种方式,您可以在收到不同的块时访问响应。
第三种方法是使用WebSockets下载数据。
如果您无法控制正在下载的服务器,并且其他选项都不起作用,您可能需要实现一个代理服务,该代理服务将充当中间设备并允许您仅下载其中的一部分。 / p>
答案 1 :(得分:0)
您是否考虑过使用库?
我从未用它来加载100MB文件,但PreloadJS非常适合加载各种资源。