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

在客户端应用程序中使用 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中文网其他相关文章！