首页 > 其他 > 详细

下载excel的文件流

时间:2020-06-18 10:22:02      阅读:46      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 后台接口传过来的文件流。

1.直接打开这个接口拼参数,局限:get请求,无法携带token

技术分享图片

 

 2.通过请求接口,用blob和URL.createObjectURL(blob)来下载excel文件

踩到的一个坑:使用ajax请求下来的文件,文件一般都会无法打开或者乱码

原因:因为response原因,一般请求浏览器是会处理服务器输出的response,例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的。

文件的下载是以二进制形式进行的,虽然可以读取到返回的response,但只是读取而已,是无法执行的,说白点就是js无法调用到浏览器的下载处理机制和程序。

解决:使用xhr去请求接口

具体代码如下:

var xhr = new XMLHttpRequest();
    xhr.open("GET", `/api/total/exportExcel?month=${$(this).data("month")}&factory=${$(this).data("factory")}`, true);
    var name = $(this).data("factory") + getDays($(this).data("month"));
    xhr.setRequestHeader("token", window.localStorage.getItem("token"));
    xhr.responseType = "blob";
    xhr.onload = function(oEvent) {
            var content = xhr.response;
            var fileName = `${name}.xlsx`; // 保存的文件名
            var elink = document.createElement(‘a‘);
            elink.download = fileName;
            elink.style.display = ‘none‘;
            var blob = new Blob([content]);
            elink.href = URL.createObjectURL(blob);
            document.body.appendChild(elink);
            elink.click();
            document.body.removeChild(elink);
    };
    xhr.send();

即可

下载excel的文件流

原文:https://www.cnblogs.com/ssszjh/p/13155818.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!