Skip to content

Uploading Directories At Once With webkitdirectory

Last updated on November 20, 2017

We can use webkitdirectory to allow uploading an entire folder or folders of files without selecting each file manually.


webkitdirectory is a non-standard attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox, and Edge.

Uploading Directories At Once

Here is example script, I have used bootstrap to style it.

Folder upload

Just to test, I have selected a directory called controllers, and I am getting list of all files in that directory and its subfolders as shown below

Uploading Directories At Once With webkitdirectory

0 0 votes
Article Rating
Notify of

Inline Feedbacks
View all comments