2

In order to measure progress, I'm thinking about doing these two things while making axios call:

  1. get file size while making call to json file
  2. get percentage of file downloaded out of the file size from network tab

So far I just have this where I can get the data but I need some way to get the metadata behind it (the information in the network console like file size, amount downloaded so far)

const request = axios.get('/data');

request.then((response) => {


}

Or is there another way of measuring progress?

user3226932
  • 2,042
  • 6
  • 39
  • 76

1 Answers1

5

you just need to pass in a configuration object with the onUploadProgress function:

let progress = 0;
const request = axios.post('/data', {
    onUploadProgress: function(event) {
       progress = Math.round((event.loaded * 100) / event.total);
    }
});

request.then((response) => {
    //
}

then use the progress variable as you wish.

Note: If using a get request use onDownloadProgress as mentioned here

Kevin Danikowski
  • 4,620
  • 6
  • 41
  • 75
Emmanuel Mahuni
  • 1,766
  • 16
  • 16