前端处理带请求头(token)的文件下载

本文介绍如何在前端处理带有请求头(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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值