前端处理带请求头（token）的文件下载

最新推荐文章于 2024-09-04 14:50:50 发布

千颂伊.RachelQ

最新推荐文章于 2024-09-04 14:50:50 发布

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/Rachelqute/article/details/105654090

版权

本文介绍如何在前端处理带有请求头(token)的文件下载。通过创建XMLHttpRequest实例，设置请求头，发送formData，利用createObjectURL进行文件创建。

摘要由CSDN通过智能技术生成

这里写自定义目录标题

前端处理带请求头（token）的文件下载
前端处理文件下载，一般直接通过a标签，或者form表单下载，但是现在需求是要请求头部带上token值，这两种方法就不合适了，所以通过blob来实现流文件下载。
在这里插入图片描述

https://blog.csdn.net/weixin_42258621/article/details/103680532参考的
//导出全部数据
export function getExport(){
var xhr = new XMLHttpRequest();
var formData = new FormData();
xhr.open(‘post’,’/api/infrastructure/export’);
xhr.setRequestHeader(“Authorization”, 'Bearer '+getToken());
xhr.responseType = ‘blob’;
xhr.onload = function (e) {
if (this.status == 200) {
var blob = this.response;
var filename = “海防综合统计报表引擎数据.xls”;
console.log(this.response)
if (window.navigator.msSaveOrOpenBlob) {
n