axios的onDownloadProgress返回参数的total为0

undefined
  • 145

想实现一个进度条效果,查了一下,需要使用axios的onDownloadProgress。然后把里面的loaded除于total就可以。但是不知道为什么,total是0。

求大佬解答

代码如下

import React, { Component } from 'react';
import './App.css';
import Axios from 'axios';
class App extends Component {
    doRequest = () =>{
        Axios({
            url:"http://localhost:1212/a.jpg",
            method:'get',
            //获取请求进度
            onDownloadProgress(progressEvent) {
                console.log(progressEvent);
                console.log(Math.round(progressEvent.loaded  /  progressEvent.total  *  100) +  '%');
            }
        })  
    }
    render() {
        return (
            <div className="App">
                <button onClick={this.doRequest}>点击请求文件</button>
            </div>
        );
    }
}

export default App;

返回结果如下
返回结果

回复
阅读 7.3k
2 个回答
JeanJacquesNuoan
  • 3
新手上路,请多包涵
太一
  • 12
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏