首页 > web前端 > js教程 > 正文

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

Linda Hamilton
发布: 2024-10-23 07:27:01
原创
614 人浏览过

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中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!