HTML/Javascript：获取给定目录中的所有文件和子目录的列表

Question

我正在使用允许访问客户端上的文件系统的接口。用户应该能够浏览文件系统，选择一个目录，我的系统将显示所选目录的文件和子目录列表。

我试过使用HTML5 File API，但是显然只允许用户选择文件（不是文件夹）。

任何指针/在这方面的帮助将不胜感激。

Answer 1

这不能在JavaScript中完成，因为这会是一个潜在的安全问题。只有用户通过文件对话框选择的文件才能使用JavaScript访问。

这是关于File API的一篇相当不错的文章，如果你还没有碰到它的话。

Answer 2

如果这仍然是一个悬而未决的问题，那么让我给你一个可能适合你的解决方案。

选择一个目录HTML

文件输入：

<input type="file" id="file-input" webkitdirectory="" directory=""/> 

的JavaScript

下面的脚本从给定的文件夹，并从所有子文件夹中收集的所有文件。 甚至来自子子文件夹等

$("#file-input").on("change", function(e) { 
    var thefiles = e.target.files; 
    $.each(thefiles, function(i, item) { 
     var thefile = item; 
     var reader = new FileReader(); 
     reader.onload = function() { 
      files.push(thefile); 
     }; 
     reader.readAsArrayBuffer(thefile); 
    }); 

});