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

Question

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

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

Answer 1

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

＆＃13;

＆＃13;

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]);
  }
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;