Breaking News: Grepper is joining You.com. Read the official announcement!

axios post request progress

Hurt Hamster answered on March 19, 2022 Popularity 10/10 Helpfulness 3/10

answer axios post request progress

related axios download progress bar

axios post request progress

Comment

//get use the onDownloadProgress, other requests use the onUploadProgress. (Please mention me for any corrections)
import Axios from 'axios';

function makeRequest () {
config={
function onUploadProgress (ev) {
  console.log(ev);
  let percentCompleted = Math.floor((progressEvent.loaded * 100) / progressEvent.total);
    // do whatever you like with the percentage complete
    // maybe dispatch an action that will update a progress bar or something
  // do your thing here
}
function onDownloadProgress(ev) {
  console.log(ev);
  // do your thing here
}
}
  axios.post('/to/path', data, yourConfigIfAny)
  .then(({ data }) => {
    console.log(data);
  });
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: lifesaver.codes

Tags: axios javascript post progress request

Link to this answer
Share Copy Link

Contributed on Mar 19 2022

Hurt Hamster

0 Answers Avg Quality 2/10

Closely Related Answers

axios download progress bar

Comment

'use strict'

const Fs = require('fs')  
const Path = require('path')  
const Axios = require('axios')  
const ProgressBar = require('progress')

async function downloadImage () {  
  const url = 'https://unsplash.com/photos/AaEQmoufHLk/download?force=true'

  console.log('Connecting …')
  const { data, headers } = await Axios({
    url,
    method: 'GET',
    responseType: 'stream'
  })
  const totalLength = headers['content-length']

  console.log('Starting download')
  const progressBar = new ProgressBar('-> downloading [:bar] :percent :etas', {
      width: 40,
      complete: '=',
      incomplete: ' ',
      renderThrottle: 1,
      total: parseInt(totalLength)
    })

  const writer = Fs.createWriteStream(
    Path.resolve(__dirname, 'images', 'code.jpg')
  )

  data.on('data', (chunk) => progressBar.tick(chunk.length))
  data.pipe(writer)
}

downloadImage()

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: futurestud.io

Tags: axios download downloa

Link to this answer
Share Copy Link

Contributed on Jul 22 2023

Dead Dog

0 Answers Avg Quality 2/10

axios post request progress

Contents

More Related Answers

axios post request progress

Closely Related Answers

axios download progress bar

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.