/Javascript/React/Axios upload progress react

Axios upload progress react

function uploadImage(file, updateProgress) {
  return axios.post('/api/media_objects', file, {
    onUploadProgress: progressEvent => {
      let percentComplete = progressEvent.loaded / progressEvent.total
      percentComplete = parseInt(percentComplete * 100);
      console.log(percentComplete);
      updateProgress(percentComplete);
    }
  }).then(response => response.data.id);
}

Similar codes

16 votes132 views2 answers
React fragment
Javascript React
0 vote188 views1 answer
Tailwind intenseness react
Javascript React
1 vote190 views1 answer
React connect production
Javascript React
0 vote183 views1 answer
Location maps react native
Javascript React
0 vote201 views2 answers
How to use react typed js
Javascript React
0 vote212 views1 answer
Swap scroll right in react native
Javascript React
0 vote231 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote190 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote185 views2 answers
Counter with react hooks
Javascript React
0 vote176 views1 answer
React-i18next
Javascript React