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 个回答
太一
  • 12
JeanJacquesNuoan
  • 3
新手上路,请多包涵
宣传栏