前端将后台传的文件流下载为文件到本地

肆爪

于 2018-11-30 16:52:11 发布

阅读量1.1w

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/du_5pet/article/details/84660214

版权

js 专栏收录该内容

28 篇文章

订阅专栏

后台将excel文件解析为流的形式返给前端，前端拿到数据完成下载。利用XMLHttpRequest，具体代码实现如下：

var oReq = new XMLHttpRequest();
//url参数为拿后台数据的接口
oReq.open("POST",url, true);
oReq.responseType = "blob";
oReq.onload = function (oEvent) {
    var content = oReq.response;
    var elink = document.createElement('a');
    //name为后台返给前端的文件名，后缀名必须加，后台有返回后缀就不用管，不然下载在本地不好打开。

    elink.download = name+".xls";
    elink.style.display = 'none';
    var blob = new Blob([content]);
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    document.body.removeChild(elink);
};
//请求头里放入用户口令，必须在.open()和.send()之间设置
oReq.setRequestHeader('usertoken', token);
oReq.send();

事件触发的时候浏览器的下载框就弹出来了，这种方式可以下载多种格式文件流