JS_选择文件夹,选择文件夹下所有文件,选择多个文件
在JavaScript中,你可以使用HTML的<input>
元素的type="file"
属性来选择文件或文件夹。如果你想要选择文件夹以及文件夹下的所有文件,你需要使用webkitdirectory
属性。
以下是一个简单的HTML和JavaScript代码示例,展示如何选择文件夹下所有文件:
HTML:
<input type="file" id="folderPicker" webkitdirectory directory multiple />
JavaScript:
document.getElementById('folderPicker').addEventListener('change', function(event) {
const files = event.target.files;
for (let i = 0; i < files.length; i++) {
console.log(files[i].webkitRelativePath); // 文件的相对路径
}
});
在这个例子中,当用户通过文件选择器选定了一个文件夹后,change
事件会被触发,事件处理函数会遍历所有选中的文件,并打印出它们的相对路径。这样你就可以获取到文件夹下所有文件的列表。
评论已关闭