LifeUI
1.53.2File Upload
Se utiliza para seleccionar y cargar archivos desde el dispositivo.
Elije un archivo o arrastralo aqui
Formatos JPEG, PNG, PDF y MP4
Uso controlado
Puedes controlar el estado de los archivos desde fuera del hook pasando la prop files. Esto te permite sincronizar el valor
de los archivos con otros componentes o lógica externa.
Elije un archivo o arrastralo aquí
Formatos JPEG, PNG, PDF y MP4
Cargar multiples archivos
Para indicar la carga multiple de archivos usa el parametro multiple del hook useFileUpload
Elije un archivo o arrastralo aqui
Formatos JPEG, PNG, PDF y MP4
Especificar tipos de archivos
Para especificar extensiones o mime types de archivos usa el parametro acceptedFileTypes del hook useFileUpload
Elije un archivo o arrastralo aqui
Solo gormatos JPEG, PNG y TXT
Sin Area de arrastre
Si no necesitas usar la zona de arrastre para cargar archivos y solo usar un boton, puedes usar el metodo openFileDialog retornado
por el hook useFileUpload
Props
useFileUpload
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
files | File[] | - | Lista de archivos controlada externamente. |
defaultFiles | File[] | - | Lista inicial de archivos usada solo si no se pasa files. Solo aplica en estado no controlado. |
onChange | (files: File[]) => void | - | Callback que se ejecuta cuando cambia la lista de archivos (solo si files es controlado). |
multiple | boolean | - | Permite seleccionar múltiples archivos. Por defecto es false. |
acceptedFileTypes | string[] | - | Lista de tipos MIME o extensiones permitidas (ej: 'image/png', '.jpg', 'image/*'). |
maxSize | number | - | Tamaño máximo permitido por archivo en bytes. Por defecto es Infinity. |
onDrop | (accepted: File[], rejected: FileRejection[]) => void | - | Callback que se ejecuta al soltar archivos. Separa los aceptados de los rechazados. |