在Firefox中选择HTML5多文件输入目录?

时间:2012-03-01 14:51:34

标签: html5 firefox multifile-uploader

我想允许用户在网页上选择本地目录(然后读取目录中的所有文件)。

在Chrome中,我可以添加webkitdirectory属性以启用此功能。根据{{​​3}}中的评论和this question的回答,您应该可以使用mozdirectory在Firefox中执行相同操作,但我无法让它工作。

我在Firefox中尝试了以下操作但没有运气(适用于Chrome):

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

我的Firefox版本是10.0。

用户是否有办法在Firefox中选择要输入的目录而无需在客户端添加插件(如Flash)?

2 个答案:

答案 0 :(得分:9)

Firefox还没有任何API来上传目录(这是一种耻辱)......即使在夜间版本中也是如此,所以我认为我们很快就会看到这方面的支持。 IE也没有。如果您想利用此功能,则必须强制用户使用Google Chrome(例如,让他们知道上传目录仅在Chrome中可用)。

解决方法是压缩.zip文件中的目录并使用FileReader API读取它。见https://stackoverflow.com/a/7842896/613453

<强>更新
IE Edge现在支持这一点 https://msdn.microsoft.com/en-us/library/mt574730(v=vs.85).aspx

答案 1 :(得分:-3)

现在,您可以使用Chrome拖放来上传目录

阅读本文,您将获得更多信息

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