Geral
FileUploader
Componente FileUploader
O FileUploader
é um componente versátil para upload de arquivos que suporta arrastar e soltar (drag and drop), seleção múltipla de arquivos e oferece uma interface visual amigável com feedback de progresso.
Como importar
import { FileUploader } from '@/app/shared/@JustLaunch/components/FileUploader'
Exemplo de uso
<FileUploader
onFileSelect={(files) => console.log(files)}
accept={['image/*']}
maxSize={5 * 1024 * 1024} // 5MB
multiple={false}
/>
Upload Único
<FileUploader
onFileSelect={(files) => console.log(files)}
accept={['image/*']}
maxSize={5 * 1024 * 1024}
multiple={false}
/>
Com Tipos Específicos de Arquivo e multiplos arquivos
<FileUploader
onFileSelect={(files) => console.log(files)}
accept={['.pdf', '.doc', '.docx']}
maxSize={10 * 1024 * 1024} // 10MB
multiple={true}
/>
Props
Prop | Tipo | Padrão | Descrição |
---|---|---|---|
onFileSelect | (files: File[]) => void | - | Função chamada quando arquivos são selecionados |
accept | string[] | ['*'] | Lista de tipos de arquivo aceitos |
maxSize | number | 5242880 | Tamanho máximo do arquivo em bytes (5MB padrão) |
multiple | boolean | true | Permite seleção múltipla de arquivos |
disabled | boolean | false | Desabilita o componente |