Build a DropZone (Drag/Drop) Component With Vue 3 (No Library) 

Hopefully you enjoy this little component. If you do, i'd really appreciate you leaving a like on the video! I'm working on a larger project that should hopefully be released next week. Have a great weekend everyone!

Saw your video on Brad channel, Your teaching style is Awesome. That Crispy voice is just a ++ :D

The ways you explain is like telling a story and your voice is pretty good too. Loved it so much.

Words can't really explain how helpful your videos have been. I made of this today in a project and it was a breeze. Thanks a lot.

what a delighted explanation

Your tuts it's my source to learn Vue, thanks a lot

really awesome and so simple explanation for something that looks complicated ... thank you, bro

What would be super awesome is a follow up video on how to hook with with supabase and cloudinary 😁😁😁😁😁😁😁😁😁😁😁

Awesome. Really needed this and you've explained it perfectly. 👍👍

Quality as always! Ever thought about doing a video with nuxt?

Awesome explanation, John ... thank you a lot

Truly excellent video

Thank you. Your channel is helping me a lot!!!

Simple yet a great one. ❤️ed it.

thanks for your idea

Thanks for this!

Thank you so much for the video, can you explain how to grab multiple files and the send it in POST request? Thank you

What would a function to remove the file look like? I made a label with an X emote that triggers a function to set dropzoneFile.value to null, hower that doesn't trigger a re-render and errors out (Unhandled error during execution of render function , Uncaught (in promise) TypeError: $setup.dropzoneFile is null)

Thank you!

nice vid btw how to save or store the images file to database? how to add the method after drop the file to send tge data to server ?

Thnks so much!!!

Great content! Is it possibe for you to do a follow-up on creating the option to eliminate the file if the user made an error when selecting?

Best video

Love your videos, they've been a huge help. Any way you know how to implement this code with previewing the image? I'm trying to store the dropzonefile as a url object, and displaying it from there but having some troubles. Any way you would do it? Thanks again!

thanks bro

could u do a MEVN project or do u use firebase exclusively

Thanks

It save image to local project?

I want to upload images to local project (localhost:8080) and file name save in database api (localhost:3001)

how to do this in vue 2?

"here" it is if you know... it triggers like crazy

I wanna upload image to my local project (localhost:8080/assets/images/), but it not work