Importação
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';NuiDropzone
Um lugar para soltar arquivos, ou escolhê-los.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
filesBidirecional | File[] | [] | Os arquivos que ela guarda, em ordem. |
acceptInput | string | Os tipos de arquivo aceitos, como em <input type="file">. | |
multipleInput | boolean | true | Mais de um arquivo por vez. |
directoryInput | boolean | false | Oferece um botão para escolher uma pasta. |
maxFilesInput | number | Infinity | Quantos arquivos ela guarda. |
maxSize, minSizeInput | number (bytes) | O tamanho máximo e o mínimo de um arquivo, em bytes. | |
validateInput | (file: File) => string | null | Valida cada arquivo. Se retornar uma mensagem, o arquivo é recusado. | |
uploadInput | NuiUploader<R> | Envia um arquivo. Sem essa função, os arquivos são apenas guardados. | |
concurrencyInput | number | 3 | Quantos arquivos são enviados ao mesmo tempo. |
hintInput | string | Uma linha abaixo do texto da área, como o que ela aceita. | |
disabledInput | boolean | false | Ela não aceita arquivos. |
labelsInput | Partial<NuiDropzoneLabels> | Todo texto que ela mostra ou anuncia, para traduzir. | |
uploadedOutput | NuiUpload<R> | Emite um arquivo enviado, com o que upload retornou. | |
rejectedOutput | { file, reason }[] | Emite os arquivos recusados, com os motivos. | |
queuePropriedade | NuiUploadQueue<R> | A fila de upload, para cancelar, tentar de novo e ler o progresso pelo código. | |
takeMétodo | (files: Iterable<File>) => void | Adiciona arquivos pelo código, validando cada um. |
NuiUploader
Envia um arquivo: informa o progresso de 0 a 1 e para quando o signal é abortado.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
(file, context)Método | (file: File, { signal, progress }) => Promise<R> | Retorna uma promise com o que o seu servidor responder. |