Bruno Antunes

Posted on Feb 25, 2021

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

#react #typescript #javascript #nextjs

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)

Karboul Firass • Aug 7 '21 • 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'

Minhazur Rahman Ratul • Feb 25 '21

nicely explained Mr. Bruno :)

Bruno Antunes • Mar 1 '21

Thank you =D

Obscure. • Feb 26 '21

Very well explained!

Bruno Antunes • Mar 1 '21

Thank you =)

Adrien Rahier • Mar 1 '21

Super helpful, thanks for sharing!

Bruno Antunes • Mar 1 '21

Thank you Adrien =D

Aytac Güley • Feb 25 '21

Thanks a lot, great video and great info

Bruno Antunes • Mar 1 '21

Thank you Aytac =)

DEV Community

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

Top comments (9)

Read next

Razlika između 'type' i 'interface' u TypeScriptu

How to Add Markers to Google Maps in React.js

JavaScript Event Loop Explained in 1 minute.

React native and the JavaScript bridge.