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