How to create multiple file input from a single multi select file input

Question

I have a file input with multiple attribute

I want when user select multiple file in this control split those files and create multiple file input with each one having only one of those files selected.

This allow a user to select multiple files at once but delete them individually if he wants.

Beside i want to ajax upload those files one by one while allowing user to cancel any of those file being uploaded.

any idea.

I don't think you'd be able to populate a file upload like that - seems like a security risk. But why would you want to? Server-side code can handle multiple selections fine. — Adam Hopkinson
– Adam Hopkinson, Commented Sep 15, 2014 at 8:17

Scription · Accepted Answer · 2014-09-15 08:14:41Z

1

You can use one of the free jQuery plugins available.

jQuery File Upload Demo

Uplodify

answered Sep 15, 2014 at 8:14

Scription

6453 gold badges12 silver badges21 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:06:07Z

0

You cannot set the "files" or "value" attribute on a file input - therefore you can't just create new file inputs and fill them with one file each. But you can use the new HTML5 FormData object to upload each file separately. So you just display the original file input's "files" attribute as a list. The user can de-select the indices. When he submits you can iterate the files attribute and skip the de-selected indices. See https://stackoverflow.com/a/24089581/4809444

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jul 17, 2015 at 14:38

Philipp Lehmayr

234 bronze badges

Collectives™ on Stack Overflow

How to create multiple file input from a single multi select file input

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related