vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.88k stars 6.96k forks source link

[Feature Request] File drag and drop area (VFileDrop) #20617

Open MattTheCuber opened 2 weeks ago

MattTheCuber commented 2 weeks ago

Problem to solve

VFileInput is great, but many times you want to have a drag and drop zone in your app. I know you can build one yourself using divs, but it would be great if Vuetify had a nice stylized component. This would be useful in websites/apps where the user can upload files into a server file management system.

Kind of like this:

drag and drop

Proposed solution

Here is the JavaScript implementation: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop

frederikheld commented 1 week ago

This would be awesome. In my current project there's still this empty area where "some time soon" I have to stitch together my own solution. Having this out of the box would be great!

frederikheld commented 1 week ago

There's another issue #20576 that asks for the same.

I like the design of this one here better though.