Drag and Drop File Uploads in React - Dev Hints

Learn how to add drag and drop to upload files in React with React Dropzone.
We'll walk through how to set up React Dropzone to easily add drag and drop to a React application. We'll then see how we can upload those files to Cloudinary for storage and delivery.
📝 Cloudinary Upload API
cld.media/devhintsreactdragdr...
📺 Uploading Images & Videos in React with the Cloudinary Upload Widget
• Uploading Images & Vid...
💾 Example - Drag & Drop Upload in React
github.com/cloudinary-communi...
Instructor: Dillion Megida (‪@deeecode‬)
--
Cloudinary helps developers build performant experiences for the web with powerful optimization and transformation APIs.
🚀 Get started with a free account!
cld.media/devhintsreactdragdrop
#cloudinary #devhints #react #images #draganddrop #uploading #webdevelopment

[@tamerahmed9860]

Great efforts! Thank you

[@colbyfayock]

🙌

[@northnas]

great effort what about uploading multiple images

[@colbyfayock]

hey we dont have a tutorial specifically about this but the same type of functionality shoudl apply that you've seen here. there's not an endpoint to bulk upload, so you would loop through the acceptedFiles from React Dropzone and upload them all
this video is in Node, but you can see how you can easily do that, including how you can work with concurrency to make it faster: czcams.com/video/_bTX2L0jPzA/video.html