File: name property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
Thuộc tính chỉ đọc name của giao diện File trả về tên của tệp được đại diện bởi đối tượng File. Vì lý do bảo mật, đường dẫn không được đưa vào thuộc tính này.
Giá trị
Một chuỗi chứa tên tệp không có đường dẫn, chẳng hạn như "My Resume.rtf".
Ví dụ
HTML
html
<input type="file" id="file-picker" multiple />
<div>
<p>List of selected files:</p>
<ul id="output"></ul>
</div>
JavaScript
js
const output = document.getElementById("output");
const filePicker = document.getElementById("file-picker");
filePicker.addEventListener("change", (event) => {
const files = event.target.files;
output.textContent = "";
for (const file of files) {
const li = document.createElement("li");
li.textContent = file.name;
output.appendChild(li);
}
});
Kết quả
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| File API # dfn-name |