Fetch API下载文件

Fetch

 1. 全局的 fetch() 方法用于发起获取资源的请求。 
 2. 该方法返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象

自动下载单个文件

const downloadFile = (url) => {
  fetch(url)
    .then(response => response.blob())
    .then(data => {
       const fileURL = window.URL.createObjectURL(data); // 创建了一个URL，该URL表示了Blob对象的内容
       const link = document.createElement('a'); // 创建一个链接元素并设置其属性
       link.href = fileURL;
       link.download = 'filename.pdf';
       link.click(); // 模拟点击下载链接
       window.URL.revokeObjectURL(fileURL); // 释放创建的URL对象
     })
     .catch(error => {
      // 处理错误
     });
}

自动下载多个文件

const urlArray = [url1, url2]
const downloadPromises = urlArray.map(url => {
  return downloadFile(url)
});
Promise.all(downloadPromises)
  .then(() => {
     console.log('所有文件下载完成');
   })
  .catch(error => {
     console.error('下载文件时出错:', error);
   });