首页 > web前端 > js教程 > 如何在客户端应用程序中使用 window.fetch() 下载文件?

如何在客户端应用程序中使用 window.fetch() 下载文件?

DDD
发布: 2024-10-23 07:27:30
原创
695 人浏览过

How to Download Files with window.fetch() in Client-Side Applications?

在客户端应用程序中使用 Window.fetch() 下载文件

在客户端处理文件下载时,window.fetch () 提供了处理这些操作的强大工具。然而,问题出现了:在 then 块中应该做什么来下载文件?

解决方案:

在 then 块中,响应应该被处理为检索文件内容。这是一个更简洁、更高效的解决方案,它利用 fetch API,无需外部库:

<code class="javascript">const url = 'http://sample.example.file.doc';
const authHeader = "Bearer 6Q************";

const options = {
  headers: {
    Authorization: authHeader
  }
};

fetch(url, options)
  .then(res => res.blob())
  .then(blob => {
    const file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });</code>
登录后复制

在此代码中,使用适当的身份验证标头发出请求。然后,响应将转换为 blob,表示文件的二进制数据。最后,使用 window.URL.createObjectURL() 为 blob 生成 URL,并使用 window.location.assign() 下载文件。

通过遵循这种方法,开发人员可以轻松下载在客户端应用程序中使用 window.fetch() 从远程服务器获取文件。

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

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板