后台返回文档流,前端怎么下载

后端返回数据流, 前端导出下载xls文件


this.$http({
    url: '/pod/vehicle/alarmEvent/exportGet',
    method: 'get',
    responseType: 'blob',        // 表明返回服务器返回的数据类型
    headers: {
        'Content-Type': 'application/json'
    },
    data: {
        //接口参数
    }
}).then((res)=>{
    //创建一个隐藏的a连接,
    const link = document.createElement('a');
    let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'});
    link.style.display = 'none';
    //设置连接
    link.href = URL.createObjectURL(blob);
    link.download = '自定义文件名'; 
    document.body.appendChild(link);
    //模拟点击事件
    link.click();
}).catch((err)=>{
    console.log(err);
})
   responseType值	                 xhr.response 数据类型	说明
	""	                             String字符串	默认值(在不设置responseType时)
	"text"	                         String字符串	
	"document"	                     Document对象	希望返回 XML 格式数据时使用
	"json"	                         javascript对象	存在兼容性问题,IE10/IE11不支持
	"blob"                   	     Blob对象	         后台传文档流可以用这个进行转换
	"arrayBuffer"        	         ArrayBuffer对象	
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值