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是服务器中写定的文件名，