DEV Community

Bruno Antunes
Bruno Antunes

Posted on

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 =)