Accesso ai dati già scaricati

Question

Devo scaricare un file di dati di grandi dimensioni (> 100 MB) tramite XmlHttpRequest. I dati provengono da una terza parte e vorrei mostrare il contenuto gradualmente man mano che viene scaricato.

Così ho pensato che il seguente dovrebbe funzionare:

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); 
} 

Purtroppo, secondo le specifiche, .response non è disponibile.

C'è un modo per accedere ai dati già scaricati senza andare a soluzioni orribili del genere come l'utilizzo di Flash?

EDIT:

trovato almeno una soluzione non standard di lavoro per Firefox:

responseType = "moz-chunked-arraybuffer"; 

Vedi anche: WebKit equivalent to Firefox's "moz-chunked-arraybuffer" xhr responseType

Answer 1

Una soluzione sarebbe scaricare solo parti del file utilizzando richieste di intervallo per scaricare solo parti del file. Per ulteriori informazioni vedere il seguente post sul blog HTTP Status: 206 Partial Content and Range Requests.

Se si ha il controllo del server, è possibile dividere il file sul lato server e scaricarne dei blocchi. In questo modo sarai in grado di accedere alla risposta man mano che vengono ricevuti i diversi blocchi.

Un terzo approccio consiste nell'utilizzare WebSockets per scaricare i dati.

Se non si ha il controllo del server da cui si sta scaricando e nessuna delle altre opzioni funzionerà, sarà probabilmente necessario implementare un servizio proxy che fungerà da intermediario e consentirà di scaricare solo una parte di esso.

Answer 2

Hai guardato utilizzando una libreria per questo?

Non l'ho mai usato per caricare un file da 100 MB, ma lo PreloadJS è molto utile per caricare tutti i tipi di risorse.