js中通过ajax接口后台返回的文件流如何进行下载？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js中通过ajax接口后台返回的文件流如何进行下载？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1025字，纯文字阅读大概需要2分钟。

内容图文

Blob是xhr 2的内容，jquery不支持，可以考虑axios或原生xhr/fetch。

使用原生xhr方法如下 

download("http://.....exportData", {"name": "张三", "year": 30});

function download(url, data) {
            var xhr = new XMLHttpRequest();
            xhr.open('POST', url, true);     // 请求方式，看具体接口情况决定
            xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); // 内容类型，看具体接口情况决定
            xhr.withCredentials = true;
            xhr.responseType = "blob";  // 返回类型blob
            // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑
            xhr.onload = function () {
                // 请求完成
                if (this.status === 200) {
                    // 返回200
                    var blob = this.response;
                    var reader = new FileReader();
                    reader.readAsDataURL(blob);  // 转换为base64，可以直接放入ahref
                    reader.onload = function (e) {
                        // 转换完成，创建一个a标签用于下载
                        var a = document.createElement('a');
                        a.download = 'data.xlsx';
                        a.href = e.target.result;
                        // $("body").append(a);  // 修复firefox中无法触发click
                        a.click();
                        // $(a).remove();
                    }
                }
            };
            // 发送ajax请求
            xhr.send(JSON.stringify(data)); // 数据格式，看具体接口情况决定
        }

内容总结

以上是互联网集市为您收集整理的js中通过ajax接口后台返回的文件流如何进行下载？全部内容，希望文章能够帮你解决js中通过ajax接口后台返回的文件流如何进行下载？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端