How to select multiple files from different directory in html input type="file" element

Question

I want to select multiple files from different directories by using html input type="file" element. I couldn't find any resource to do this. is there any npm package available that can be used either in react js or vue js?

Does this answer your question? How to select multiple files with <input type="file">? — Jop
– Jop, Commented Nov 7, 2022 at 4:52

Shahed · Accepted Answer · 2022-11-07 04:57:27Z

1

on input element add multiple attribute

 <input
 type="file"
 name="upload-files"
 multiple
/>

If on chrome. firefox and and to upload folder.

  <input
     type="file"
     name="upload-files"
     multiple
     directory={isDirectorySelectable ? "directory" : null}
     webkitdirectory={isDirectorySelectable ? "webkitdirectory" : null}
   />

answered Nov 7, 2022 at 4:57

Shahed

2,1007 silver badges24 bronze badges

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

2 Comments

elango ram Over a year ago

This is for selecting the folder, but is there any option to select just the files from different directory.

Shahed Over a year ago

You can only select files / folders from the current open file dialog. So you couldn't multiple files from multiple directory because you can only select file/ folder at a time

Collectives™ on Stack Overflow

How to select multiple files from different directory in html input type="file" element

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related