在Firefox中爲HTML5多文件輸入選擇目錄？

Question

我想讓用戶選擇一個網頁上的本地目錄（然後讀取目錄中的所有文件）。

在Chrome中，我可以添加webkitdirectory屬性以啓用此功能。根據this question中的評論和this question的回答，您應該可以在Firefox中使用mozdirectory做同樣的事情，但我無法使其工作。

我試圖在Firefox下，沒有運氣（工作在Chrome）：

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

我的Firefox版本是10.0。

是否有任何方式讓用戶選擇一個目錄在Firefox中進行輸入，而不需要客戶端上的附加組件（如Flash）？

Answer 1

Firefox沒有任何API來上傳目錄（這是一個恥辱）......即使在夜晚的版本中，也不會在很短的時間內看到支持。 IE也沒有一個。如果您想利用此功能，您必須強制用戶使用Google Chrome瀏覽器（例如，讓他們知道上傳目錄僅在Chrome中可用）。

解決方法是壓縮.zip文件中的目錄並使用FileReader API讀取它。見https://stackoverflow.com/a/7842896/613453

更新
IE邊緣現在有了這種支持。
https://msdn.microsoft.com/en-us/library/mt574730(v=vs.85).aspx

Answer 2

現在，您可以通過拖放上傳目錄，並用鍍鉻

下降閱讀這篇文章，你會得到更多的信息

http://updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available