HTMLInputElement: thuộc tính webkitEntries
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Thuộc tính chỉ đọc webkitEntries của giao diện HTMLInputElement chứa một mảng các mục nhập hệ thống tệp (dưới dạng đối tượng dựa trên FileSystemEntry) đại diện cho các tệp và/hoặc thư mục do người dùng chọn bằng phần tử <input> loại file, nhưng chỉ nếu việc chọn đó được thực hiện bằng kéo-và-thả: chọn một tệp trong hộp thoại sẽ để thuộc tính trống.
Mảng chỉ có thể chứa các thư mục nếu thuộc tính webkitdirectory là true. Điều này nghĩa là phần tử <input> được cấu hình để cho phép người dùng chọn thư mục.
Note:
Thuộc tính này được gọi là webkitEntries trong đặc tả do nguồn gốc là API dành riêng cho Google Chrome. Có thể nó sẽ được đổi tên vào một ngày nào đó.
Giá trị
Một mảng các đối tượng dựa trên FileSystemEntry, mỗi đối tượng đại diện cho một tệp được chọn trong phần tử <input>. Cụ thể hơn, các tệp được đại diện bởi các đối tượng FileSystemFileEntry, và, nếu được phép, các thư mục được đại diện bởi các đối tượng FileSystemDirectoryEntry.
Ví dụ
Ví dụ này cho thấy cách tạo một phần tử <input> chọn tệp và xử lý các tệp đã chọn.
HTML
<input id="files" type="file" multiple />
JavaScript
document.getElementById("files").addEventListener("change", (event) => {
event.target.webkitEntries.forEach((entry) => {
/* thực hiện thao tác với entry */
});
});
Mỗi khi sự kiện change xảy ra, mã này lặp qua các tệp đã chọn, lấy các đối tượng dựa trên FileSystemEntry của chúng và thực hiện thao tác trên chúng.
Đặc tả kỹ thuật
| Specification |
|---|
| File and Directory Entries API # dom-htmlinputelement-webkitentries |