前端通过后端返回的文件流,下载内容到本地

1.接口 

	/**
	 * 数据列表导出
	 * @returns
	 */
	getAuditExport() {
		return request({
			url: '接口地址',
			method: 'get',
			responseType: 'blob', // 响应数据类型
		})
	},

 2.使用

// 数据导出
function exportData() {
    // 通过接口获取文件流
  api.getAuditExport().then(res => {
    // console.log(res);
    var blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); // 获取Blob对象
    var url = window.URL.createObjectURL(blob); // 创建URL
    var a = document.createElement('a'); // 创建下载链接
    a.href = url;
    a.download = '文件名称.xlsx'; // 设置下载文件名
    document.body.appendChild(a); // 将链接添加到页面中
    a.click(); // 触发下载
    document.body.removeChild(a); // 移除链接
    window.URL.revokeObjectURL(url); // 释放URL资源
  })
}

3.方法2

   // 这个接口需要token,不需要就不加
   const course_token = localStorage.getItem('course_token') || ''
   var xhr = new XMLHttpRequest();
   xhr.open("GET", "接口地址", true);
   xhr.setRequestHeader("course-token", course_token);
   // 设置响应类型为blob
   xhr.responseType = 'blob';
   xhr.send();
   xhr.onreadystatechange = function () {
     if (xhr.readyState == 4 && xhr.status == 200) {
       // console.log(xhr);
       // 请求成功,处理响应
       var blob = xhr.response; // 获取Blob对象
       var url = window.URL.createObjectURL(blob); // 创建URL
       var a = document.createElement('a'); // 创建下载链接
       a.href = url;
       a.download = '文件名称.xlsx'; // 设置下载文件名
       document.body.appendChild(a); // 将链接添加到页面中
       a.click(); // 触发下载
       document.body.removeChild(a); // 移除链接
       window.URL.revokeObjectURL(url); // 释放URL资源
     }
   };

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

巨蟹座守护骑士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值