已知链接直接下载

秋雨凉人心

于 2022-07-08 14:56:50 发布

阅读量282

点赞数

分类专栏：搬砖专用文章标签：前端 javascript 大数据

本文链接：https://blog.csdn.net/qq_39056703/article/details/125678542

版权

搬砖专用专栏收录该内容

19 篇文章

订阅专栏

这段代码展示了如何使用XMLHttpRequest和Blob对象在JavaScript中实现文件的GET请求下载。通过创建一个链接元素，设置其href为文件的URL并模拟点击，实现浏览器下载功能。同时，利用window.URL.revokeObjectURL释放内存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  download(url, filename) {
      const xhr = new XMLHttpRequest()
      xhr.open('GET', url, true)
      xhr.responseType = 'blob'
      xhr.onload = function() {
        if (this.status === 200) {
          const blob = this.response
          const $a = document.createElement('a')
          // blob.type = 'application/octet-stream';
          const fileUrl = URL.createObjectURL(blob)
          $a.href = fileUrl
          $a.download = filename
          $a.click()
          window.URL.revokeObjectURL(url)
        }
      }
      xhr.send() 
  }