首页 > 在React项目中,如何获取ajax上传文件的进度百分比?

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

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


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

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


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...

【热门文章】
【热门文章】