使用Axios下载后端文件

步骤主要分成两步
背景:我们在开发中将选中的文件id为识别码,在后端获取对应文件

1.创建辅助用的a标签,并且设置a标签不显示

<a id='download_help' style='display:none'>

2.typescript实现



private download(idList:any){
 axios(
	method:'post',
	url:'...',
	responseType:'blob',
	headers:{'ContentType' : 'application/json'},
	data:idList
 ).then((res:any)=>{
 	if(res.status==200){
 		// 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL
		let url=window.URL.createObjectURL(res.data);
		let elem:any=document.getElementById("download_helper");
		elem.href=url;
		elem.click();
		// 告诉浏览器不需要继续保持url这个引用
		window.URL.revokeObjectURL(url);
	}
 })
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值