Skip to content

Add file upload component #1945

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
karyna4k opened this issue Jul 5, 2024 · 12 comments · May be fixed by #4102
Open

Add file upload component #1945

karyna4k opened this issue Jul 5, 2024 · 12 comments · May be fixed by #4102
Assignees
Labels

Comments

@karyna4k
Copy link

karyna4k commented Jul 5, 2024

Description

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

Additional context

image image
@karyna4k karyna4k added the enhancement New feature or request label Jul 5, 2024
@moshetanzer
Copy link
Contributor

Hi @karyna4k

Did you see this?

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

@karyna4k
Copy link
Author

karyna4k commented Jul 18, 2024

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!

Copy link

github-actions bot commented Oct 8, 2024

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

@github-actions github-actions bot added the stale label Oct 8, 2024
@mostafaznv
Copy link

mostafaznv commented Nov 12, 2024

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

@rdjanuar rdjanuar self-assigned this Nov 14, 2024
@rdjanuar rdjanuar added v3 #1289 feature and removed stale enhancement New feature or request labels Nov 14, 2024
@ezmemoar
Copy link

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

@ezmemoar
Copy link

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?

Image

@rdjanuar
Copy link
Contributor

rdjanuar commented Nov 18, 2024

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
Copy link

Ok that's great to know. Thanks.

@TheoMcCabe
Copy link

agree - need this!

@kaspernowak
Copy link

Upvoting this as well!

@vachmara vachmara linked a pull request May 7, 2025 that will close this issue
10 tasks
@vachmara
Copy link
Contributor

vachmara commented May 7, 2025

Hey everyone! I’ve started working on the new FileUpload component, you can check out the initial implementation in #4102.
Feedback is very welcome! Let me know if there are any features or use cases you’d like to see supported.

@mostafaznv
Copy link

mostafaznv commented May 7, 2025

Hey everyone! I’ve started working on the new FileUpload component, you can check out the initial implementation in #4102.
Feedback is very welcome! Let me know if there are any features or use cases you’d like to see supported.

Thank you! 🤘🏻
You can consider the file-upload components from PrimeVue and Vuetify as good examples.
They implement numerous features and functionalities, with drag-and-drop, built-in validation, preview, and UI customization being the most essential ones.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

8 participants