上传进度指示器以获取？

Question

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

这是我到目前为止找到的唯一参考，其中指出：

进度事件是一项高级功能，暂时无法获取。您可以通过查看Content-Length标头并使用直通流来监视接收到的字节来创建自己的文件。

这意味着您可以显式地处理响应，而无需进行Content-Length其他操作。当然，即使Content-Length存在，也可能是谎言。使用流，您可以根据需要处理这些谎言。

我将如何编写发送的“用于监视字节的直通流”？如果有什么不同，我正在尝试执行此操作以增强从浏览器到Cloudinary的图像上传。

注意：我对Cloudinary JS库不感兴趣，因为它取决于jQuery，而我的应用程序则不需要。我只对使用本机javascript和Github的polyfill 进行流处理所必需的感兴趣。fetch

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

Answer 1

我的解决方案是使用axios，它很好地支持了这一点：      axios.request( {        method: "post",         url: "/aaa",         data: myData,         onUploadProgress: (p) => {          console.log(p);           //this.setState({            //fileprogress: p.loaded / p.total          //})        }      }).then (data => {        //this.setState({          //fileprogress: 1.0,        //})      })我在github上的 react中使用了这个示例。