Add file upload component

[karyna4k]

Description

Add a file upload component, for example, as in PrimeVue https://primevue.org/fileupload/

Additional context

[moshetanzer]

Hi @karyna4k

Did you see this?

https://ui.nuxt.com/components/input#type

[karyna4k]

Hi @moshetanzer

Yes, I saw it, but it would be nice to have a ready component with drag-drop and other useful features.

I just wanted to share a little thought I had on how we could make things even better!

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[mostafaznv]

Upvote.

Having a feature-rich file field component is one of the most essential requirements for NuxtUI.

In my opinion, the current file field has significant room for improvement.
It should support drag-and-drop functionality, allow for UI customization, and include built-in features for validation.

The file field components in PrimeVue or Vuetify serve as excellent examples of what a feature-rich file component should look like.

related to #1289

[ezmemoar]

It would've great if the upload component have an image preview too, since it's one of a common case to happen

[ezmemoar]

Hi @rdjanuar thanks for the response

Just a suggestion, maybe it will be better to show the image in large size like naive-ui? what do you think?

[rdjanuar]

I think I won't create it exactly like that, but I might add custom event in image . so user can add preview manually @ezmemoar

[ezmemoar]

Ok that's great to know. Thanks.