我想在打开的文件对话框中添加文件夹选择选项

Question

我正在使用以下方法打开打开文件对话框。 我想对此进行修改，以使我也可以选择文件夹进行输入。

open()
{
this.$el.querySelector('input[type=file]').click();
}

Answer 1

您正在寻找文件属性，该属性返回文件列表。 使用length获取文件数，然后使用for语句对所有文件执行相同操作，每次将计数增加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]);
      }
 }

HTMLInputElement.webkit目录是一个属性，它反映了webkitdirectory的HTML属性，并指示该元素应让用户选择目录而不是文件。 选择目录后，该目录及其整个内容层次结构将包含在所选项目集中。 可以使用webkitEntries属性获取选定的文件系统条目。

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


https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory