ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

XMLHttpRequest下载文件

2021-04-14 12:02:41  阅读:427  来源: 互联网

标签:aa 文件 XMLHttpRequest excel xhr blob 链接 下载


转自:https://blog.csdn.net/Angel_jn/article/details/108059927 (前端 XMLHttpRequest 实现下载excel文件)

       const xhr = new XMLHttpRequest();
            xhr.open('get', 'http://192.168.1.102:3333/');
            xhr.send();
            xhr.responseType = 'blob'; //设置请求回来的数据为blob方式
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    // 数据在 this.response 保存
                    // excel 的 MIME 格式为 application/vnd.ms-excel
                    var blob = new Blob([this.response], {
                        type: "application/vnd.ms-excel"
                    });
                    // 创建a链接 href链接地址 download为下载下来后文件的名称
                    var aa = document.createElement('a');
                    aa.href = URL.createObjectURL(blob);
                    aa.innerHTML = 'a链接';
                    aa.download = 'aa.xls';
                    aa.style.display = 'none'; //隐藏a标签 直接调用a标签的点击事件
                    document.body.appendChild(aa);
                    aa.click();
                }
            }

 

标签:aa,文件,XMLHttpRequest,excel,xhr,blob,链接,下载
来源: https://www.cnblogs.com/zuiniub/p/14657136.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有