DEV Community

Bruno Antunes
Bruno Antunes

Posted on

11 6

React File Upload with drag-n-drop and progress bar

I published a video explaining how to create a multiple file upload using react.

In the video I explained some of the common problems people face when deploying to vercel, netlify, aws lambda and heroku.

To solve those problems I recommend some solutions in the video like Amazon S3, Azure blob storage, cloudinary, imgx, etc.

We will use cloudinary because they offer a free demo account, which is great! :)

Top comments (9)

Collapse
 
firasskarboul profile image
Karboul Firass • Edited

I got this error after calling MultipleFileUploadField.tsx from the file where i will display the dropzone

./src/pages/admin/emploiesAdmin/EmploieAdmin.js
Module not found: Can't resolve './MultipleFileUploadField' in '/home/karboul/seeSchoool/src/pages/admin/emploiesAdmin'

Collapse
 
developeratul profile image
Minhazur Rahman Ratul

nicely explained Mr. Bruno :)

Collapse
 
bmvantunes profile image
Bruno Antunes

Thank you =D

Collapse
 
kritishd8 profile image
Obscure.

Very well explained!

Collapse
 
bmvantunes profile image
Bruno Antunes

Thank you =)

Collapse
 
adrien profile image
Adrien Rahier

Super helpful, thanks for sharing!

Collapse
 
bmvantunes profile image
Bruno Antunes

Thank you Adrien =D

Collapse
 
aytacg26 profile image
Aytac Güley

Thanks a lot, great video and great info

Collapse
 
bmvantunes profile image
Bruno Antunes

Thank you Aytac =)

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay