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

Question

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

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

Answer 1

您正在寻找 files 属性，它返回一个 filelist。使用 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>