Importação

import-dropzone.ts
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';

NuiDropzone

Um lugar para soltar arquivos, ou escolhê-los.

Seletor
nui-dropzone
NuiDropzone: Propriedades
NomeTipoPadrãoDescrição
filesBidirecionalFile[][]Os arquivos que ela guarda, em ordem.
acceptInputstringOs tipos de arquivo aceitos, como em <input type="file">.
multipleInputbooleantrueMais de um arquivo por vez.
directoryInputbooleanfalseOferece um botão para escolher uma pasta.
maxFilesInputnumberInfinityQuantos arquivos ela guarda.
maxSize, minSizeInputnumber (bytes)O tamanho máximo e o mínimo de um arquivo, em bytes.
validateInput(file: File) => string | nullValida cada arquivo. Se retornar uma mensagem, o arquivo é recusado.
uploadInputNuiUploader<R>Envia um arquivo. Sem essa função, os arquivos são apenas guardados.
concurrencyInputnumber3Quantos arquivos são enviados ao mesmo tempo.
hintInputstringUma linha abaixo do texto da área, como o que ela aceita.
disabledInputbooleanfalseEla não aceita arquivos.
labelsInputPartial<NuiDropzoneLabels>Todo texto que ela mostra ou anuncia, para traduzir.
uploadedOutputNuiUpload<R>Emite um arquivo enviado, com o que upload retornou.
rejectedOutput{ file, reason }[]Emite os arquivos recusados, com os motivos.
queuePropriedadeNuiUploadQueue<R>A fila de upload, para cancelar, tentar de novo e ler o progresso pelo código.
takeMétodo(files: Iterable<File>) => voidAdiciona arquivos pelo código, validando cada um.

NuiUploader

Envia um arquivo: informa o progresso de 0 a 1 e para quando o signal é abortado.

NuiUploader: Propriedades
NomeTipoPadrãoDescrição
(file, context)Método(file: File, { signal, progress }) => Promise<R>Retorna uma promise com o que o seu servidor responder.