Question

All the scripts I have found via Google search rely on some sort of screen that first asks the user how many files they need to upload and the upload script works based on that number.

But what if I don’t want any limits, but want to allow the user to upload as many or as few as they want. How to go about this?

All I have for now is the form:

<form enctype="multipart/form-data" method="post" action="script.php">
 <input id="my_file_element" type="file" name="myFile[]" >
        <input type="submit" value="Upload!" name="submit">
</form>

EDIT

I think the way I phrased my question is causing some misunderstanding. I am not in need of some way to add more “input type = file” field elements. I am already using a javascript that enables the user to add more form fields by clicking a button, those other fields are identical to the 1st one posted above.

What I am asking this question for, is to know how to handle the actual upload of files to the server using a php script.

Answer 1

EDIT

Let’s say your form is like this

<form enctype="multipart/form-data" method="post" action="script.php">
 <input id="my_file_element" type="file" name="myFile[]" >
 <input id="my_file_element" type="file" name="myFile[]" >
 <input id="my_file_element" type="file" name="myFile[]" >
 etc...
<input type="submit" value="Upload!" name="submit">
</form>

What you want to do is get all the files called myFile[]. Here’s what you do in PHP:

foreach ($_FILES["myFile"]["error"] as $key => $error) {
 if ($error == UPLOAD_ERR_OK) {
   $tmp_name = $_FILES["myFile"]["tmp_name"][$key];
   $name = $_FILES["myFile"]["name"][$key];
   // here we move it to a directory called data
   // you can move it wherever you want
   move_uploaded_file($tmp_name, "data/$name");
 } else {
   // an error occurred, handle it here
 }
}

ORIGINAL

Using HTML and JavaScript alone, there isn’t any easy way to upload multiple files at the same time.

I would use a Flash library, such as SWFUpload, to do the upload instead. Using this plugin, you can show a standard multi-file upload window, as shown in this demo. This will allow users to easily select multiple files in the same file browser.

If you don’t want to use Flash for some reason, you could use JavaScript to dynamically swap input elements, as in this example.