二进制流文件下载（原生js）

BeiXiu_

已于 2024-08-14 16:39:43 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

于 2023-07-19 10:13:15 首次发布

本文链接：https://blog.csdn.net/weixin_46847041/article/details/131802310

该代码段定义了一个downloadFile函数，它使用XMLHttpRequest从指定URL异步下载文件。函数设置请求类型为GET，响应类型为blob，并添加Authorization头。当请求成功时，它创建一个下载链接，将blob数据转换为URL，然后模拟点击下载。如果发生错误，函数会在控制台打印错误信息。

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

//入参 url:下载地址 ， filename:文件名 
function downloadFile(url, filename) {
  const xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';
  xhr.setRequestHeader('Authorization', '此处是token');

  xhr.onload = function() {
    if (xhr.status === 200) {
      const blobData = xhr.response;
      const downloadLink = document.createElement('a');
      const blobUrl = URL.createObjectURL(blobData);

      downloadLink.href = blobUrl;
      downloadLink.download = filename;
      downloadLink.click();

      URL.revokeObjectURL(blobUrl);
    } else {
      console.error('File download failed. Status:', xhr.status);
    }
  };

  xhr.onerror = function() {
    console.error('File download failed. Network error.');
  };

  xhr.send();
}

export default downloadFile;