가져오기
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';NuiDropzone
파일을 끌어다 놓거나 선택하는 곳입니다.
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
files양방향 | File[] | [] | 보관 중인 파일. 순서대로 나열됩니다. |
accept입력 | string | 받을 파일 종류. <input type="file">과 같은 형식입니다. | |
multiple입력 | boolean | true | 한 번에 여러 파일을 받습니다. |
directory입력 | boolean | false | 폴더를 선택하는 버튼을 제공합니다. |
maxFiles입력 | number | Infinity | 보관할 수 있는 파일 수. |
maxSize, minSize입력 | number (bytes) | 가장 큰 파일 크기와 가장 작은 파일 크기(바이트). | |
validate입력 | (file: File) => string | null | 각 파일을 검사합니다. 메시지를 반환하면 그 파일은 거부됩니다. | |
upload입력 | NuiUploader<R> | 파일을 보냅니다. 지정하지 않으면 파일을 보관만 합니다. | |
concurrency입력 | number | 3 | 동시에 업로드할 파일 수. |
hint입력 | string | 영역의 텍스트 아래에 표시되는 한 줄. 예: 받을 수 있는 파일 안내. | |
disabled입력 | boolean | false | 파일을 받지 않습니다. |
labels입력 | Partial<NuiDropzoneLabels> | 드롭존이 표시하거나 읽어 주는 모든 텍스트. 번역할 때 사용합니다. | |
uploaded출력 | NuiUpload<R> | 업로드된 파일을 upload가 반환한 값과 함께 내보냅니다. | |
rejected출력 | { file, reason }[] | 거부된 파일을 이유와 함께 내보냅니다. | |
queue속성 | NuiUploadQueue<R> | 업로드 큐. 코드에서 취소, 재시도, 진행률 확인을 할 수 있습니다. | |
take메서드 | (files: Iterable<File>) => void | 코드에서 파일을 추가하며, 파일마다 검사합니다. |
NuiUploader
파일 하나를 보냅니다. 진행률을 0부터 1까지 알리고, 시그널이 중단되면 멈춥니다.
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
(file, context)메서드 | (file: File, { signal, progress }) => Promise<R> | 서버가 응답한 내용을 담은 프로미스를 반환합니다. |