上传进度指示器以获取？

Question

我正在努力寻找使用fetch实现上传进度指示器的文档或示例。这是我到目前为止找到的唯一参考，其中指出：进度事件是一项高级功能，暂时无法获取。您可以通过查看Content-Length标头并使用直通流来监视接收到的字节来创建自己的文件。这意味着您可以显式地处理响应，而无需进行Content-Length其他操作。当然，即使Content-Length存在，也可能是谎言。使用流，您可以根据需要处理这些谎言。我将如何编写发送的“用于监视字节的直通流”？如果有什么不同，我正在尝试执行此操作以增强从浏览器到Cloudinary的图像上传。注意：我对Cloudinary JS库不感兴趣，因为它取决于jQuery，而我的应用程序则不需要。我只对使用本机javascript和Github的polyfill 进行流处理所必需的感兴趣。fetchhttps://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中使用了这个示例。