选择文件夹而不是单个文件 - 输入

Question

我希望输入类型是文件夹而不是单个文件。如何选择一个文件夹而不是一个文件。另外，我如何才能访问该选定文件夹中的每个文件。我试过这个来选择一个文件夹，但没有用。我在铬。

 <input id="myInput" type="file" style={{visibility: 'hidden'}} webkitdirectory directory multiple/>

Answer 1

您正在寻找files 属性，它返回一个文件列表。 使用length 获取files 的数量，然后使用for 语句对所有files 执行相同操作，每次将计数增加1

var folder = document.getElementById("myInput");
folder.onchange=function(){
  var files = folder.files,
      len = files.length,
      i;
  for(i=0;i<len;i+=1){
    console.log(files[i]);
  }
}

 <input id="myInput" type="file" webkitdirectory directory multiple>