Drag and dropping files in React using react-dropzone
Hamed Bahram
•
February 11, 2023
Hamed Bahram
View ChannelAbout
Modern web dev topics in React and NextJs.
Latest Posts
Video Description
This video will use the react-dropzone library to allow users to drag and drop files, see previews, and upload files to Cloudinary. 👉🏼 The Ultimate NextJs course 🔗 https://www.hamedbahram.io/courses/nextjs 👉🏼 Project source code 🔗 https://github.com/HamedBahram/dropzone.git 👉🏼 react-dropzone library 🔗 https://react-dropzone.js.org CHAPTERS 0:00 Intro 0:38 Project setup 1:00 Adding react-dropzone 6:00 File preview 11:00 Preventing memory leaks 12:30 Restricting file size or type 15:00 Handling rejected files 20:15 Uploading files to Cloudinary 25:35 Outro
Upgrade Your Carry Essentials
AI-recommended products based on this video
Loading...
NEEWER a6700 L Plate Compatible with Sony Alpha 6700, Quick Switch Aluminum Extendable Side Plate & Anti Twist Baseplate Compatible with Arca Swiss QR System DJI RS 2 RSC 2 RS 3 Pro Gimbals, CA048
(24)
$25.99
FREE delivery Thu, Jun 19 on your first order
Loading...
SmallRig ZV-E10 II Base Plate for Sony Alpha ZV-E10 II, Bottom Mount Plate with Quick-Release Plate for Arca, QD Socket, Hand Strap Hole, 1/4"-20 Threaded Hole - 4950
(13)
$37.99
FREE delivery Sat, Jun 21
Loading...
SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338
(85)
$38.24
FREE delivery Thu, Jun 19
Loading...
DJI Osmo Action 4 Standard Combo, 4K/120fps Waterproof Action Camera with a 1/1.3-Inch Sensor, Stunning Low-Light Imaging,10-bit & D-Log M Color Performance, Long-Lasting 160 Mins, Outdoor Camera
(3,962)
299.00
PrimeFREE delivery Saturday, June 14
500+ bought in past month