Hi Leigh! Great video! One question: if the dropzone is part of a form, it means as soon as the user drops some photos I must upload them to cloudinary, then it will return me the url for those photos and I will be able to attach those urls to my main form for when the user submits it, right? and what happens if the user just refreshes the page or cancel the submission right after dropping some photos, those photos will be just hosted in cloudinary attached to anything, or there is any way I can delete them later ? Thank you so much!
this is great! thank you so much, do you have any advise in how to have 2 different dropzones in the same component that upload different images and save the id of each of them without the dropzones being linked to each other ??
Hey Cecilia! Off the top of my head I couldn't tell you... it doesn't work out of the box? Maybe in their docs they have something about how to have 2 dropzones?
18:00 why I can't use import cloudinary from 'cloudinary' like react? If I do that I got an error, can u explain it for me? Thanks a lot, your video helped me a lot!!
Are you gonna include this in your course (typegraphql/nexus, nextjs, firebase-auth, prisma2)? Can't wait to learn the course immediately. I've already join your channel, is there any else should to add so I can watch the fullstack course tutorial? Thanks for this great explanation, Sir.
Hey Alfie! I will definitely be including image uploads with cloudinary, I am not sure yet if I will do them via drag and drop though. I may do it more like how I do it in this video: th-cam.com/video/BPUgM1Ig4Po/w-d-xo.html The course is not ready yet, but when it is I will get in touch with all the members and provide details on how to access the course for free. I will provide weekly updates so you know the progress I'm making :)
Hey Sunil! Hmm... I would imagine so! The truth is I haven't done a direct from browser to s3 bucket though. I think you would probably want to use something called a "presigned url" (with an expiry), which means it would be more similar to the Signed approach we covered in this video... requiring some sort of backend to generate a signature. Otherwise you just have an open s3 bucket which could be trouble!
It's ok, any key I expose in these videos is just on demo accounts anyway, and most of the time I'll reset the key after posting the video (if it matters).
Single-handedly getting me through my Next JS project with your videos 👌🏽
Awesome!! :D
Not a ton of good Cloudinary tutorials out there and this one is great. Thanks!
Many thanks, I always learn something with you.
Once again Leigh Halliday saving the day! This video saved me a lot of time! Thanks Leigh
Woohoo!! Glad the video could help :)
Leigh always delivers... was just wondering how to do add this to my app.
Thanks. You've literally saved me
Nice tutorial! Never used react-dropzone before but it looks awesome!
I guess it only makes sense for a few use-cases... but it's pretty awesome!
Just in time!!!!!!!!!!
:D Woohoo!
Awesome video! 🙌
Thank you Cloudinary!!
Awesomeee!! Thank you so much!
You're welcome! Glad you enjoyed it :)
what ML algorithm are you using ???? your videos always come at the right time with the right topic!
No ML, I'm reading your mind directly! Muahaha
beautiful
Much appreciated :)
Hi Leigh! Great video! One question: if the dropzone is part of a form, it means as soon as the user drops some photos I must upload them to cloudinary, then it will return me the url for those photos and I will be able to attach those urls to my main form for when the user submits it, right? and what happens if the user just refreshes the page or cancel the submission right after dropping some photos, those photos will be just hosted in cloudinary attached to anything, or there is any way I can delete them later ? Thank you so much!
those will be orphan images 😞
you will have to manually remove them later by destroying those
this is great! thank you so much, do you have any advise in how to have 2 different dropzones in the same component that upload different images and save the id of each of them without the dropzones being linked to each other ??
Hey Cecilia! Off the top of my head I couldn't tell you... it doesn't work out of the box? Maybe in their docs they have something about how to have 2 dropzones?
awesome
Thanks, Ranga!
18:00 why I can't use import cloudinary from 'cloudinary' like react? If I do that I got an error, can u explain it for me? Thanks a lot, your video helped me a lot!!
Are you gonna include this in your course (typegraphql/nexus, nextjs, firebase-auth, prisma2)? Can't wait to learn the course immediately.
I've already join your channel, is there any else should to add so I can watch the fullstack course tutorial?
Thanks for this great explanation, Sir.
Hey Alfie! I will definitely be including image uploads with cloudinary, I am not sure yet if I will do them via drag and drop though. I may do it more like how I do it in this video: th-cam.com/video/BPUgM1Ig4Po/w-d-xo.html
The course is not ready yet, but when it is I will get in touch with all the members and provide details on how to access the course for free. I will provide weekly updates so you know the progress I'm making :)
can we use same method to upload into s3 bucket?
Hey Sunil! Hmm... I would imagine so! The truth is I haven't done a direct from browser to s3 bucket though. I think you would probably want to use something called a "presigned url" (with an expiry), which means it would be more similar to the Signed approach we covered in this video... requiring some sort of backend to generate a signature. Otherwise you just have an open s3 bucket which could be trouble!
lool what you dont have to expose is your secret key like I'am
It's ok, any key I expose in these videos is just on demo accounts anyway, and most of the time I'll reset the key after posting the video (if it matters).
@@leighhalliday hhh yes i know im just repeating what you said :p , i love your content keep it uo