faz download de arquivo com responseType ArrayBuffer //resolve a Promise com o ArrayBuffer do arquivo

downloadArquivo-arraybuffer.js

//retorna uma Promise que faz  download de urlArquivo com responseType  ArrayBuffer
//resolve a Promise com o ArrayBuffer do arquivo
var downloadArquivo = function(urlArquivo,fnProgresso) {
    return new Promise(function(resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", urlArquivo, true);
        //setar o responseType para arraybuffer
        xhr.responseType = "arraybuffer";
        //quando a requisicao completar
        xhr.addEventListener("load", function() {
            //se nao for 200 entao deu algum erro
            if (this.status !== 200) {
                reject("Erro ajax: " + this.statusText);
                return;
            }
            //devido ao responseType ser "arraybuffer"
            //o this.response ja esta "parseado" e eh um
            //ArrayBuffer
            console.log(this.response instanceof ArrayBuffer); // true
            var arrayBuffer = this.response;
            if (arrayBuffer) {
                resolve(arrayBuffer);
            } else {
                reject("arrayBuffer vazio");
            }
        }, false);
        //progresso do download
        xhr.addEventListener("progress", function(e) {
            if (fnProgresso) {
                if (e.lengthComputable && e.total > 0) {
                    console.log(e.loaded, e.total, (100 * e.loaded) / e.total);
                    fnProgresso(e.loaded, e.total, (100 * e.loaded) / e.total);
                } else {
                    console.log("nao foi possivel obter tamanho total");
                }
            }
        }, false);

        //quando ocorrer algum erro  na requisicao
        xhr.addEventListener("error", function() {
            console.log("error", arguments);
            console.log(this);
            reject("Erro no ajax");
        }, false);

        xhr.send(null);
    });
};