Image Uploads to Cloudinary in React with Drag & Drop
In this video we upload images directly to Cloudinary straight from the browser in React using Drag & Drop courtesy of react-dropzone. We'll cover both unsigned and signed approaches by utilizing Next.js' API pages to hide our secrets.
---------- Links
react-dropzone - https://react-dropzone.js.org/
cloudinary-react - https://github.com/cloudinary/cloudin...
Creating Signature: https://cloudinary.com/documentation/...
Starter Code: https://github.com/leighhalliday/reac...
Completed Code: https://github.com/leighhalliday/reac...
---------- Sponsor
Special thanks to KwesForms for partnering with me on this video! The most revolutionary form service for web agencies. Head on over to https://kwes.io and for a limited time use the code LEIGH50 to receive a 50% discount on any annual plan for one year.
---------- Connect
Join this channel - / @leighhalliday
Join me on Discord - / discord
---------- Timeline
00:00 - Introduction
00:38 - KwesForms
01:45 - Adding react-dropzone
06:40 - Uploading Images to Cloudinary
12:40 - Displaying Images from Cloudinary
17:35 - Creating Signature
21:05 - Uploading to Cloudinary with Signature
Watch video Image Uploads to Cloudinary in React with Drag & Drop online without registration, duration hours minute second in high quality. This video was added by user Leigh Halliday 20 October 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,404 once and liked it 321 people.