首先创建一个input标签,类型为file,同时添加multiple属性,使得可以选择多个文件。例如:
<input
type="file" multiple id="fileInput">
接着,在JavaScript代码中获取input标签,并获取其中的文件列表。例如:
const input = document.getElementById("fileInput");
const files = input.files;
由于我们需要获取文件夹中的文件,而不是用户手动选择的文件,所以需要使用File API中的DirectoryEntry和DirectoryReader。例如:
const dirPath = "path/to/directory";
const dirEntry = await getDirectoryEntry(dirPath);
const dirReader = dirEntry.createReader();
const files = await readFilesFromDirectory(dirReader);
async function getDirectoryEntry(path) {
const dirEntry = await new Promise((resolve, reject) => {
window.resolveLocalFileSystemURL(path, resolve, reject);
return dirEntry;
async function readFilesFromDirectory(dirReader) {
const files = await new Promise((resolve, reject) => {
dirReader.readEntries(resolve, reject);
return files;
最后,我们可以遍历获取到的文件列表,对每个文件进行操作。例如:
files.forEach((file) => {
console.log(file.name);
注意,上述代码中的getDirectoryEntry和readFilesFromDirectory方法是异步函数,需要使用await关键字等待Promise的返回值。
希望以上代码可以帮助您获取指定文件夹中的全部文件。
- 128
-
Always_positive
Python
- 142
-
CloudEmperor
JavaScript