在React项目中，如何获取ajax上传文件的进度百分比？

Question

现在我使用的是superagent，但是在官方的文档中并没有发现获取到上传进度百分比的方法，但是项目的需求中又需要实时显示百分比，请问这个问题应该如何解决呢？各位有相关的经验分享么？

Answer 1

superagent 支持 on('progress', callback)

request
   .post('/api/file')
   .send(someFile)
   .on('progress',(e) => {
      console.log('Percentage done: ', e.percent);
   })
   .end((err, res) => {
      //do something
   });
   

参考：https://github.com/visionmedi...

Answer 2

我以前也经常被各种前端的 library 困扰，缺少进度显示的接口啊，返回值的接口不合理啊。

直到有天我想通了，为啥我不直接用 xmlhttprequest 呢？啥都有了，自己简单封装下比啥都强，还不用找文档找半天