在 Fetch 期间显示加载进度答案

【问题标题】：Show loading progress during Fetch在 Fetch 期间显示加载进度
【发布时间】：2020-06-15 13:14:27
【问题描述】：

我按照此代码让用户下载文件到缓存以离线显示它们：https://serviceworke.rs/cache-from-zip.html

它可以工作，但对于大文件可能需要一些时间，所以我想在加载 zip 文件时显示进度指示器。

我猜它可以在 fetch 部分完成，但我不知道如何：https://serviceworke.rs/cache-from-zip_worker_doc.html

【问题讨论】：

【解决方案1】：

声明一个初始为空的 let 或 var 变量。然后在数据获取期间将响应分配给该变量。

当所述变量为空时，使用 if-else 语句显示微调器。

【讨论】：

【解决方案2】：

Upload progress indicators for fetch?

看看这里，特别是第二个答案可能对您的问题有所帮助。

编辑：我假设您可以得到类似的信息，无论是上传还是下载 - 不幸的是不确定。

【讨论】：

thanx @Stefan Januschke，不幸的是我的 javascript 技能几乎没有；）我找到了这个，但没有找到如何将它实现到我使用的现有代码：github.com/AnthumChris/fetch-progress-indicators
查看参考文章中提供的第二个代码示例。我建议简单地复制粘贴代码并尝试将其应用于您的代码。在中期你会遇到更多的页面问题，你需要一些 JS 知识，这可能是在使用 API 时获得一些知识的好点，你可能需要成功完成你的项目。我知道“就这样做”的答案将是您现在想要的，但不处理您的代码这几乎是不可能的。尽你最大的努力，在路上学到很多东西！
你是对的@Stefan，这比我想象的要容易！ THX