首页 / 更多教程 / 下载excel的文件流

下载excel的文件流

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了下载excel的文件流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1075字，纯文字阅读大概需要2分钟。

内容图文

技术分享图片

 

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

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();

即可

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

内容总结

以上是互联网集市为您收集整理的下载excel的文件流全部内容，希望文章能够帮你解决下载excel的文件流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1203397.html

来源：【匿名】