使用 Fetch API 下载文件

要使用 Fetch API 获取文件下载，您可以使用 fetch() 方法来发送 GET 请求，并将响应数据存储为文件。

以下是一个使用 Fetch API 获取文件下载的示例代码：

fetch('http://example.com/file.pdf')
  .then(response => response.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'file.pdf';
    document.body.appendChild(a);
    a.click();
    a.remove();
  })
  .catch(error => {
    console.error('Error:', error);
  });

代码解析：

使用 fetch() 发送 GET 请求获取文件响应。
使用 response.blob() 将响应数据转换为 Blob 对象。
使用 URL.createObjectURL() 创建一个临时 URL，将 Blob 对象绑定到 <a> 元素的 href 属性上。
设置 download 属性为要保存的文件名。
将 <a> 元素附加到文档的 body 中。
模拟点击 <a> 元素以触发文件下载。
从文档中删除 <a> 元素。

注意：

上述示例中的 URL 是用于演示目的的示例 URL，您需要根据自己的实际需求替换为正确的文件 URL。
该示例使用原生 JavaScript，您可以根据自己的项目需求进行适当的调整。

希望这可以帮助到您！

使用 Fetch API 下载文件 - 完整指南及示例代码