Uploading Directories At Once With webkitdirectory

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.

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

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

0 0 vote
Article Rating
Notify of
Inline Feedbacks
View all comments
DMCA.com Protection Status
Would love your thoughts, please comment.x