閱讀的JavaScript

Question

我想讀的所有在指定目錄是通過使用用戶選擇的目錄中唯一的第一級目錄：一旦用戶選擇了所需的文件夾

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

。我可以用獲取的所有文件：

var files = document.getElementById('directory-chooser').files; 
console.log(files); 

的這個輸出是的形式：

2: File 
    lastModifiedDate: Mon Jun 17 2013 17:55:45 GMT+0100 (BST) 
    name: "." 
    size: 68 
    type: "" 
    webkitRelativePath: "Movies/Superman returns/." 
    length: 3 

如可以看出，在選擇名爲Movies的目錄，我得到的列表中的所有「文件」。但是，我只是想讓它停止查看子目錄並因此返回Superman returns。儘管我希望它繼續尋找更多的第一級目錄，如果有的話。

Answer 1

您可以計算每個文件路徑中「/」的數量。如果用戶選擇一個文件夾「富」，返回文件的路徑將是：

foo/bar.txt 
foo/bar/baz.txt 
(...) 

因此，你只希望有一個斜線的文件（即它們直接是所選擇的目錄下，不在一個子目錄中）。

這裏的HTML代碼：

<input type="file" id="directory-chooser" webkitdirectory directory/> 
<input type="button" value="files" onclick="showFiles()"> 

和這裏的JS代碼：

function showFiles() { 
    var files = document.getElementById('directory-chooser').files; 
    for (i = 0; i < files.length; i++) { 
     if (files[i].webkitRelativePath.match(/\//g).length == 1) { 
      // The file in question is not in a subfolder, so show it 
      console.log(files[i]); 
     } 
    } 
} 

最後，這裏有一個工作的jsfiddle：

http://jsfiddle.net/BHSDa/