Select directory for HTML5 multiple file input in Firefox?

Question

I want to allow users to select a local directory on a webpage (and then read all the files in the directory).

In Chrome I can add the webkitdirectory attribute to enable this functionality. According to a comment in this question and an answer to this question you should be able to do the same in firefox using mozdirectory but I am unable to get it to work.

I have tried the following in Firefox with no luck (works in Chrome):

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

My Firefox version is 10.0.

Are there any way for a user to select a directory for input in Firefox without requiring an add-on on the client-side (like Flash)?

Its possible now! See my answer: stackoverflow.com/a/33431704/195216 — dforce
– dforce, Commented Oct 30, 2015 at 8:40

Community · Accepted Answer · 2017-05-23 11:46:45Z

9

Firefox doesn't have any API to upload directories yet (which is a shame)...not even in the nightly builds, so I don't think we will see support on this very soon. IE doesn't have one either. If you want to take advantage of this feature you must force the users to use Google Chrome (e.g. make them aware that upload directory is available only in Chrome).

A workaround would be to compress the directory in a .zip file and read it with the FileReader API. See https://stackoverflow.com/a/7842896/613453

Update
IE Edge now has support for this.
https://msdn.microsoft.com/en-us/library/mt574730(v=vs.85).aspx

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Mar 19, 2012 at 13:44

themihai

8,70111 gold badges44 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kongaraju · Accepted Answer · 2012-07-24 12:20:44Z

-3

Now you can upload directory using drag and drop with chrome

read this article you will get more info

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

answered Jul 24, 2012 at 12:20

kongaraju

9,66511 gold badges59 silver badges79 bronze badges

1 Comment

yby Over a year ago

This does not answer the question.

Collectives™ on Stack Overflow

Select directory for HTML5 multiple file input in Firefox?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related