Home/ Questions/Q 254839
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T21:52:50+00:00

I was wondering if anyone knew the best way to dynamically create an upload

  • 0

I was wondering if anyone knew the best way to dynamically create an upload form?

Here’s what I’m trying to achieve: The code shown below allows one upload, I want to have a button that when pressed, should add another form for file upload. So, if I want to upload – let’s say 7 files, I want to press the button 7 times to create those upload forms, each on it’s own row.

Is there anyway I can do it?

Thanks for your assistance:

<html>
    <head>
        <title> Multiple File Uploads </title>
    </head>
    <body>
        <form enctype="multipart/form-data" action="uploader.php" method="POST">
            Choose a file to upload: <input name="uploadedfile" type="file" /><br />
            <input type="submit" value="Upload File" />
        </form>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Usually you do something like this, Client-side:

    <div id='Uploadcontainer'>
   <input type='file' name='uploadfiles[]' class='uploadfile' />
</div>
<button id='extraUpload'>Add another field</button>
<script type='text/javascript'>
  $('#extraUpload').click(function(){
      $('.uploadfile:last').clone().appendTo('#uploadContainer');
  });
</script>

    That is using jQuery. Then on the server side you can easy loop over the $_FILES[‘uploadfiles’] array:

    foreach($_FILES['uploadfiles'] as $file){
  //do stuff with $file
}
    • 0