5

を介してデータの大きな（> 100MB）ファイルをダウンロードする必要があります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";

参照：Firefoxの「moz-chunked-arraybuffer」xhrresponseTypeと同等のWebKit

4

2 に答える 2

2

1つの解決策は、範囲要求を使用してファイルの一部のみをダウンロードし、ファイルの一部のみをダウンロードすることです。詳細については、次のブログ投稿HTTPステータスを参照してください：206部分的なコンテンツと範囲のリクエスト。

サーバーを制御できる場合は、サーバー側でファイルを分割して、そのチャンクをダウンロードすることもできます。このようにして、さまざまなチャンクが受信されたときに応答にアクセスできるようになります。

3番目のアプローチは、WebSocketを使用してデータをダウンロードすることです。

ダウンロード元のサーバーを制御できず、他のオプションが機能しない場合は、中間として機能し、その一部のみをダウンロードできるプロキシサービスを実装する必要があります。

于 2013-03-08T17:11:36.520 に答える
0

このためにライブラリを使用することを検討しましたか？

100MBのファイルをロードするためにこれを使用したことはありませんが、PreloadJSはあらゆる種類のアセットをロードするのに非常に適しています。

于 2013-03-08T15:46:36.017 に答える