Импорт
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';NuiDropzone
Зона, куда перетаскивают файлы или где их выбирают.
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
filesДвусторонний | File[] | [] | Хранимые файлы по порядку. |
acceptInput | string | Допустимые типы файлов, как у <input type="file">. | |
multipleInput | boolean | true | Несколько файлов за раз. |
directoryInput | boolean | false | Добавляет кнопку выбора папки. |
maxFilesInput | number | Infinity | Сколько файлов может хранить зона. |
maxSize, minSizeInput | number (bytes) | Максимальный и минимальный размер файла в байтах. | |
validateInput | (file: File) => string | null | Проверяет каждый файл. Если функция вернёт сообщение, файл отклоняется. | |
uploadInput | NuiUploader<R> | Отправляет файл. Без неё файлы только хранятся. | |
concurrencyInput | number | 3 | Сколько файлов загружается одновременно. |
hintInput | string | Строка под текстом зоны, например о том, какие файлы она принимает. | |
disabledInput | boolean | false | Зона не принимает файлы. |
labelsInput | Partial<NuiDropzoneLabels> | Все показываемые и озвучиваемые тексты — для перевода. | |
uploadedOutput | NuiUpload<R> | Передаёт загруженный файл вместе с тем, что вернула upload. | |
rejectedOutput | { file, reason }[] | Передаёт отклонённые файлы с причинами. | |
queueСвойство | NuiUploadQueue<R> | Очередь загрузки: чтобы отменять, повторять и читать прогресс из кода. | |
takeМетод | (files: Iterable<File>) => void | Добавляет файлы из кода, проверяя каждый. |
NuiUploader
Отправляет один файл: сообщает о прогрессе от 0 до 1 и останавливается по сигналу отмены.
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
(file, context)Метод | (file: File, { signal, progress }) => Promise<R> | Возвращает промис с тем, что ответит ваш сервер. |