Import
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 และหยุดเมื่อ signal ถูกยกเลิก
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
(file, context)เมธอด | (file: File, { signal, progress }) => Promise<R> | คืน promise ของสิ่งที่เซิร์ฟเวอร์ของคุณตอบกลับมา |