Import
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';NuiDropzone
Nơi để thả tệp, hoặc chọn tệp.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
filesHai chiều | File[] | [] | Các tệp đang giữ, theo thứ tự. |
acceptInput | string | Các loại tệp được nhận, như với <input type="file">. | |
multipleInput | boolean | true | Nhiều tệp cùng lúc. |
directoryInput | boolean | false | Thêm một nút để chọn thư mục. |
maxFilesInput | number | Infinity | Số tệp tối đa có thể giữ. |
maxSize, minSizeInput | number (bytes) | Kích thước tệp lớn nhất và nhỏ nhất, tính bằng byte. | |
validateInput | (file: File) => string | null | Kiểm tra từng tệp. Trả về một thông báo thì tệp bị từ chối. | |
uploadInput | NuiUploader<R> | Gửi một tệp. Nếu không có, tệp chỉ được giữ lại. | |
concurrencyInput | number | 3 | Số tệp được tải lên cùng lúc. |
hintInput | string | Một dòng dưới văn bản của vùng thả, chẳng hạn loại tệp nó nhận. | |
disabledInput | boolean | false | Không nhận tệp nào. |
labelsInput | Partial<NuiDropzoneLabels> | Mọi văn bản mà vùng thả hiển thị hoặc đọc lên, để dịch. | |
uploadedOutput | NuiUpload<R> | Phát ra tệp đã tải lên, kèm giá trị mà upload trả về. | |
rejectedOutput | { file, reason }[] | Phát ra các tệp bị từ chối, kèm lý do. | |
queueThuộc tính | NuiUploadQueue<R> | Hàng đợi tải lên, để hủy, thử lại và đọc tiến trình từ mã. | |
takePhương thức | (files: Iterable<File>) => void | Thêm tệp từ mã, có kiểm tra từng tệp. |
NuiUploader
Gửi một tệp: báo tiến trình từ 0 đến 1, và dừng khi signal bị hủy.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
(file, context)Phương thức | (file: File, { signal, progress }) => Promise<R> | Trả về một promise chứa bất cứ thứ gì máy chủ của bạn phản hồi. |