XMLHttpRequest下载并生成文件

近期由于系统导出excel响应时间略长，防止用户不断点击请求，考虑加个加载进度条。

是用XMLHttpRequest自带的progress属性来监听加载进度，但期间产生了一个问题，XMLHttpRequest请求返回的内容无法生成我们需要的excel文件，故查阅资料后作了如下修改。

function download(url){

var xhh = new XMLHttpRequest();

page_url = url;
xhh.open("post", page_url);

xhh.responseType = 'blob';
    xhh.onreadystatechange = function () {
        if (xhh.readyState === 4 && xhh.status === 200) {
        var name = xhh.getResponseHeader("Content-disposition");
        var filename = name.substring(20,name.length);
            var blob = new Blob([xhh.response], {type: 'text/xls'});
            var csvUrl = URL.createObjectURL(blob);
            var link = document.createElement('a');
            link.href = csvUrl;
            link.download = filename;
            link.click();
          
        }
    };
    xhh.send();
}

这段代码把response返回的二进制文件放到blob，在通过url去下载，filename是服务器中写定的文件名，