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

});