目錄中的HTML5文件系統API列表文件簡單示例

Question

任何人都可以提供一個非常基本的示例，說明如何使用HTML5 FileSystem API列出位於本地目錄中的文件？我希望能夠使用類型爲「file」的HTML輸入元素來選擇將哪個目錄的內容列出。我嘗試使用下面的鏈接中的示例，但它不起作用（屏幕是空白的，沒有列出任何內容）。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

任何意見將不勝感激。

Answer 1

這個問題 - Get metadata of local mp3 file using html5 filesystem api - 有一個簡單的例子，列出了指定目錄中的所有文件。 HTML5 Rocks示例似乎只針對特定文件類型進行匹配/輸出，這可能是您看到空白結果的原因

Answer 2

只需在輸入標籤中添加一些屬性即可！

例：

< input type="file" id="files" name="files[]" multiple webkitdirectory="" directory=""/ > 

然後，你可以看到什麼樣的內容是這樣的文件夾中。