File Upload with progress bar in React JS and axios

In this video, I have explained how to upload a file in react js with upload percentage and progress bar.

[melhoresmomentosfutebol]

Thank you! Finally i understood how to get the file[0] using axios. I thought it has to set "file" on state but not, it has to be files[0] because it's a array. Nice video!

[nebutu]

Straight to the point and works, many thanks.

[thecensorguy]

Thanks a ton man... This is exactly what I was looking for... Worked like a charm

[prayogaluphalithalu]

How to get the progressvalue in our component if we write our logic is redux saga

[fawwazfirdaus]

If somone who try this using localhost server backend, change the network throttling to slow or fast 3G to see the progress. If you use no-throttling in your network the progress would be immadiately to 100% and you can see the progress.

[BorisEdigarian]

Why do you use class components in React ?

[abhisheksingh]

Thanks good tutorial exactly same i have to implement in my ReactNative app.

[harshitgangwar]

I am using django rest framework and aws s3 to store the unloaded videos, but i upload bar does not sync up with the upload

[omaralaufi]

Thanks, when a user upload files the first process to create file with user display name and then upload images? Can u help on this

[rudrapratapsingh]

Bro, subscribe you immediately, you really nailed it

[rajuakula]

Any library for multipart upload like more than 200 MB as faster upload

[ranjithayyadurai]

I tried to upload the video but it is throwing cros error after 100% gets completed. If text file i am getting the correct response. Please suggest me what i can do further.

[haruasato]

hi, does this apply also to normal fetch and not using axios?

[kacperkedzierski]

Does it continue uploading when I close the page? Or does that depend on the server?

[buddu_hesh]

Thank you so much. This is really helpful. Can you let me know how to do multiple file upload with progress bar?

[webmidigitalsolutions]

Not working sir for me, formData shows null value

[StoryWithPhoto]

hey i reallly need help in this. if i am calling the post in redux means the post call is in action then how to go forward please help