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

时间:2018-10-15 12:13:54

标签: javascript

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

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

1 个答案:

答案 0 :(得分:0)

您正在寻找files属性,该属性返回文件列表。使用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