使用一个输入标签javascript处理目录/文件上传

<input type="file" id="fileInput" multiple directory webkitdirectory />

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', handleFileSelect);

function handleFileSelect(event) {
  const files = event.target.files;
  // 处理选择的文件或目录
  // ...
}

function handleFileSelect(event) {
  const files = event.target.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    // 访问文件属性和内容
    console.log(file.name); // 文件名
    console.log(file.size); // 文件大小
    console.log(file.type); // 文件类型
    // 读取文件内容
    const reader = new FileReader();
    reader.onload = function(e) {
      const content = e.target.result;
      console.log(content); // 文件内容
    };
    reader.readAsText(file);
  }
}

function handleFileSelect(event) {
  const files = event.target.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    if (file.isDirectory) {
      // 处理目录
      console.log(file.name); // 目录名
      // 递归处理子目录和文件
      handleDirectory(file);
    }
  }
}

function handleDirectory(directory) {
  const reader = directory.createReader();
  reader.readEntries(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isDirectory) {
        // 处理子目录
        console.log(entry.name); // 子目录名
        handleDirectory(entry);
      } else {
        // 处理文件
        console.log(entry.name); // 文件名
        entry.file(function(file) {
          // 访问文件属性和内容
          console.log(file.size); // 文件大小
          console.log(file.type); // 文件类型
          const reader = new FileReader();
          reader.onload = function(e) {
            const content = e.target.result;
            console.log(content); // 文件内容
          };
          reader.readAsText(file);
        });
      }
    });
  });
}