首页  >  文章  >  web前端  >  如何在客户端代码中使用 window.fetch() 下载文件

如何在客户端代码中使用 window.fetch() 下载文件

Linda Hamilton
Linda Hamilton原创
2024-10-23 07:27:01615浏览

How to Download Files Using window.fetch() in Client-Side Code

使用 window.fetch() 下载文件

在您提供的客户端代码片段中,您可以完成 then 块来下载文件如下:

function downloadFile(token, fileId) {
  let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;
  return fetch(url, {
    method: 'GET',
    headers: {
      'Authorization': token
    }
  }).then(res => res.blob()).then(blob => {
    // Create a URL for the Blob and assign it to the window location
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });
}

与使用外部库相比,此代码提供了更高效且无库的解决方案。它利用 window.fetch() API 从提供的 URL 检索文件。 res.blob() 方法将响应转换为 Blob 对象,表示文件数据。

接下来,我们使用 window.URL.createObjectURL() 为 Blob 创建一个 URL 并将其分配给窗口。位置属性。这将启动文件的下载操作,无需额外的库或复杂的处理。

以上是如何在客户端代码中使用 window.fetch() 下载文件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn