怎么用ajax下载文件

可能大家都觉得没有必要用ajax来下载东西,用window.open(url)就可以搞定

但是这有一个问题,就是这就限定了只能用GET方式来请求了;

可能你又会说GET很符合REST的要求呀。

但是如果你用jwt来做身份验证呢?

这意味着你需要在Window.open时带上自定义的Request Header,这就无解了

所以今天来介绍一下怎么用ajax来下载文件

 1 let xhr = new XMLHttpRequest()
 2 xhr.open('GET', 'http://www.xxx.com/bbb.zip', true)
 3 // 这部至关重要,命令xhr返回给你的时blob(二进制大对象)类型的数据
 4 xhr.responseType = 'blob'
 5 xhr.send()
 6 xhr.onreadystatechange = function () {
 7   if (xhr.readyState === 4 && xhr.status === 200) {
 8     const aTag = document.createElement('a')
 9     aTag.href = URL.createObjectURL(this.response)
10     aTag.download = 'aaa.zip'
11     aTag.click()
12   }
13 }

 

转载于:https://www.cnblogs.com/amiezhang/p/9984557.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值