Load all files from a directory in JavaScript/HTML5

Question

I want visitors of my websites to select a directory with files and then process them in JavaScript. I know how to let them select lots of individual files but not whole directories, which is pretty important here.

How can it be done? The processing of the files must be done in JavaScript. It should work in newest Firefox, Chrome and, if possible, IE.

I cannot tell them to zip the files and then select the zip since it can be a few GB of files to process.

Maybe Flash could help?

possible duplicate of How to get folder directory from HTML input type "file" or any other way? — LJᛃ
– LJᛃ, Commented Sep 23, 2014 at 22:20
@Meredith Thanks, I know that but I would rather have something that works with Flash than doesn't work at all :) — Tom
– Tom, Commented Sep 23, 2014 at 22:31
@Tom do you want to do this server-side or client-side? If server-side you could check out NodeJS's file API — Meredith
– Meredith, Commented Sep 23, 2014 at 23:20

Ailete619 · Accepted Answer · 2015-07-22 14:30:47Z

3

Found that looking for an example myself, but I did not explore the source yet. Works on Chrome on Windows 8.1. Hope this helps someone.

HTML5 Photo Browser for Local Files and Directories

It uses:

\< input type="file" id="file_input" webkitdirectory="" directory="">

edited Jul 22, 2015 at 14:30

answered Jul 22, 2015 at 14:22

Ailete619

2743 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Load all files from a directory in JavaScript/HTML5

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related