javascript - 上传进度指示器以获取？

Question

我正在努力寻找使用 fetch 实现上传进度指示器的文档或示例.

This is the only reference I've found so far ，其中指出:

Progress events are a high level feature that won't arrive in fetch for now. You can create your own by looking at the Content-Length header and using a pass-through stream to monitor the bytes received.

This means you can explicitly handle responses without a Content-Length differently. And of course, even if Content-Length is there it can be a lie. With streams you can handle these lies however you want.

我将如何编写“一个传递流来监视字节”发送？如果它有任何不同，我正在尝试这样做以支持从浏览器上传图像到 Cloudinary .

注意:我不对Cloudinary JS library感兴趣，因为它依赖于 jQuery 而我的应用程序不依赖。我只对使用原生 javascript 和 Github 的 fetch polyfill 执行此操作所需的流处理感兴趣。

---

https://fetch.spec.whatwg.org/#fetch-api

Answer 1

流开始登陆网络平台 ( https://jakearchibald.com/2016/streams-ftw/ )，但仍处于早期阶段。

很快您就可以提供一个流作为请求的主体，但悬而未决的问题是该流的消耗是否与上传的字节数有关。

特定的重定向可能导致数据重新传输到新位置，但流无法“重新启动”。我们可以通过将 body 变成一个可以多次调用的回调来解决这个问题，但是我们需要确保暴露重定向的数量不是安全漏洞，因为这是平台 JS 第一次可以检测到这一点。

有些人质疑将流消耗与上传的字节数联系起来是否有意义。

长话短说:这还不可能，但在未来，这将由流处理，或者传递给 fetch() 的某种高级回调。