html获取文件夹所有文件名
时间: 2023-08-18 15:10:12 浏览: 291
获取文件夹所有文件的名称
4星 · 用户满意度95%
在 HTML 中,只能通过 JavaScript 来获取文件夹中的所有文件名。可以通过以下代码实现:
```javascript
function getFolderFiles() {
var files = [];
var input = document.createElement("input");
input.type = "file";
input.webkitdirectory = true;
input.multiple = true;
input.style.display = "none";
input.addEventListener("change", function() {
for (var i = 0; i < this.files.length; i++) {
files.push(this.files[i].name);
}
console.log(files);
});
document.body.appendChild(input);
input.click();
}
```
这段代码创建了一个 input 元素,并设置它的 `webkitdirectory` 属性为 true,这样就可以选择文件夹。然后添加了一个 change 事件监听器,当用户选择文件夹中的文件时,就会将文件名添加到 `files` 数组中,并输出到控制台。最后通过 `click()` 方法触发了 input 的点击事件,弹出文件选择框。
阅读全文