Доступ к уже загруженным данным

Question

Мне нужно загрузить большой (> 100 МБ) файл данных через 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?

EDIT:

Найдено по крайней мере, рабочий нестандартное решение для Firefox:

responseType = "moz-chunked-arraybuffer"; 

Смотрите также: WebKit equivalent to Firefox's "moz-chunked-arraybuffer" xhr responseType

Answer 1

Одним из решений было бы загрузить только части файла, используя запросы диапазона, чтобы загружать только части файла. Для получения дополнительной информации см. Следующее сообщение в блоге HTTP Status: 206 Partial Content and Range Requests.

Если у вас есть контроль над сервером, вы также можете разделить файл на стороне сервера и загрузить его куски. Таким образом, вы сможете получить доступ к ответу, когда будут получены различные куски.

Третий подход заключается в использовании WebSockets для загрузки данных.

Если у вас нет контроля над сервером, который вы загружаете, и ни одна из других функций не будет работать, вам, вероятно, потребуется реализовать прокси-службу, которая будет действовать как промежуточная и позволит вам загружать только ее часть.

Answer 2

Вы смотрели с использованием библиотеки для этого?

Я никогда не использовал его для загрузки файла размером 100 МБ, но PreloadJS довольно хорош для загрузки всех видов активов.