How can I select and upload multiple files with HTML and PHP

Question

I am doing this with single files uploads using

<input type="file" name="comment_img1">
<input type="file" name="comment_img2">
<input type="file" name="comment_img3">
<input type="file" name="comment_img4">
<input type="file" name="comment_img5">

However, I am having trouble doing uploading more than one at a time.

For example, I'd like to be able to select a series of images, then upload them to the server, all at once.

It would be great to use a single file input control, if possible.

Does anyone know how to accomplish this? Thanks!

Directly you can't do multiselect like this. You might check this: blueimp.github.io/jQuery-File-Upload — unalignedmemoryaccess
– unalignedmemoryaccess, Commented Jun 14, 2017 at 11:33
"It would be great to use a single file input control, if possible." - then it would be great if you could type single file input control multiple or similar into google. — C3roe
– C3roe, Commented Jun 14, 2017 at 11:33

unalignedmemoryaccess · Accepted Answer · 2017-06-14 11:33:52Z

0

You can't do multiselect with single input without javascript directly.

However, you might consider using a library for this.

https://blueimp.github.io/jQuery-File-Upload/ This one is very powerful.

answered Jun 14, 2017 at 11:33

unalignedmemoryaccess

7,4722 gold badges29 silver badges45 bronze badges

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

Comments

user4410436 · Accepted Answer · 2017-06-14 11:34:10Z

0

i think your question is already answered here: How to upload multiple files using one file input element

Greetings from Germany

answered Jun 14, 2017 at 11:34

user4410436

1 Comment

Milan Chheda Over a year ago

You should flag it as a duplicate and add a comment instead of an answer.

M Suleman Ibrahim · Accepted Answer · 2017-06-14 11:37:47Z

0

you can use multiple attribute for input tag

<input type="file" name="images" multiple>

so it will allow you to select multiple files and on the server side you will get an array eg: $_FILES[images]

then you can loop through this array and upload them one by one

if you still have any confusion see this question Multiple file upload in php

answered Jun 14, 2017 at 11:37

M Suleman Ibrahim

11 bronze badge

Comments

Ankit Singh · Accepted Answer · 2017-06-14 11:55:45Z

0

You can't select more than one file in a single input file type without using multiple attribute of it.

Use of multiple in input type="file" is more easy in comparison of your code. so just use the following :

<input type="file" name="whatever_you_want[]" multiple="multiple" />

after submit your form data, you will get an array of it like

$_FILES['name_of_your_input_file_type'];

and after that you can use foreach loop to get images in sequence.

answered Jun 14, 2017 at 11:55

Ankit Singh

1,4871 gold badge13 silver badges22 bronze badges

Collectives™ on Stack Overflow

How can I select and upload multiple files with HTML and PHP

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related