Multiple File Upload with PHP

Sometimes we need to allow our users to upload multiple file upload. On my previous post I was shown the basic of simple file upload with PHP. Today I am going to show you how to allow users to upload multiple files. It is almost similar like simple file upload but we need to do some modification with html markup and php code. multiple attribute is needed to add on the html markup. Major web browsers like Firefox, Chrome, Safari and IE 9+ support this attribute. Now I am going to show you how to upload multiple file with PHP and basic HTML form.


Live Demo Download Source

HTML Markup

Take a look at the html markup bellow. We need to add a simple html form with input type file and submit property. We also need to give file input type file name with box breaks like files[] and need to add a property named multiple. Here accept is an optional property that used to allow users to upload only image files.

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Multiple File Ppload with PHP</title>
</head>
<body>
  <form action="" method="post" enctype="multipart/form-data">
    <input type="file" id="file" name="files[]" multiple="multiple" accept="image/*" />
  <input type="submit" value="Upload!" />
</form>
</body>
</html>

PHP Script

This php code handles uploaded files and save to the server.

$valid_formats = array("jpg", "png", "gif", "zip", "bmp");
$max_file_size = 1024*100; //100 kb
$path = "uploads/"; // Upload directory
$count = 0;

if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
	// Loop $_FILES to exeicute all files
	foreach ($_FILES['files']['name'] as $f => $name) {     
	    if ($_FILES['files']['error'][$f] == 4) {
	        continue; // Skip file if any error found
	    }	       
	    if ($_FILES['files']['error'][$f] == 0) {	           
	        if ($_FILES['files']['size'][$f] > $max_file_size) {
	            $message[] = "$name is too large!.";
	            continue; // Skip large files
	        }
			elseif( ! in_array(pathinfo($name, PATHINFO_EXTENSION), $valid_formats) ){
				$message[] = "$name is not a valid format";
				continue; // Skip invalid file formats
			}
	        else{ // No error found! Move uploaded files 
	            if(move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path.$name))
	            $count++; // Number of successfully uploaded file
	        }
	    }
	}
}
Posted by
Labels: , , , , , ,

28 comments:

  3. Anyone know why it would be saving some sort of array file instead of the actual files?

    ReplyDelete
    Replies

    1. Change max_file_uploads value on you php.ini file. By Default it is 20. You can increase as much as you want.

      Delete

    2. but where is the php.ini file anyway? I don't understand how to control the file size as well. please help. thank you

      Delete

  4. Best code on the web!!
    Straight to the point

    Thank you

    ReplyDelete

  5. this code is uploading files in a folder, but i want to upload files in mysql database and then fetch those files with particular ID.

    ReplyDelete
    Replies

    1. Have you found an answer to your question yet? Because I'm also looking for this kind of code...

      Best regards, Sem

      Delete

    2. save the link to file in database table. You can not save files to database.

      Delete

  7. Thanks a lot. Is it possible to automaticly rename the files, because files from different users may have the same names? (sorry for my bad english, i'm french speaking:)

    ReplyDelete
    Replies

    1. Yap! You can save your files with unique file name with uinqid().
      // get original extension
      $ext = pathinfo($_FILES['files']['name'], PATHINFO_EXTENSION);
      // create new unique file name with extension
      $uniq_name = uniqid() . '.' .$ext;

      You can also take a look at this example's php section.

      Delete

    2. $ext = pathinfo($_FILES['files']['name'], PATHINFO_EXTENSION);
      $uniq_name = uniqid() . '.' .$ext;

      i am new to php.
      please tell me where to add the above php code to get unique name. also i want to add the unique number with the php original file name. please send me the script to muthubalaji90@gmail.com

      Delete

    3. Replace this line:
      move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path.$name);

      to:

      $ext = pathinfo($_FILES['files']['name'][$f], PATHINFO_EXTENSION);
      $uniq_name = uniqid() . '.' .$ext;
      move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path . $uniq_name);

      Delete

    4. hi i am also new in PHP can you help me make upload like this web http://postimage.org/index.php?um=web. Upload much image just paste url by per line. Please help me

      Delete

    5. @admin
      Get this source from http://www.w3bees.com/2013/09/download-file-from-remote-server-with.html

      // explode all lines
      $lines = explode("\n", $data);
      foreach ($lines as $line) {
      download($line);
      }

      Delete

  8. hi...
    good example.But, i want to ask how to upload multiple file to ftp?as your answer above we can use property "multiple" in the form.But,i don't know to do the looping process and where i have to put the "ftp_put" parameter....
    Hope you can help me with full example of coding.

    ReplyDelete

  9. Hello,
    thank you very much for this script.
    It works fine but is this possible to make simple a loading image for upload.
    i think its easyer to see for users.

    sorry for my bat english i'm german.

    ReplyDelete
    Replies

    1. Sorry I do not get you! What do you mean? preview before upload or else? Please clearly...

      Delete

    2. Hmm.. i try it.
      If i upload any file i need to see an loading gif-image like here: http://www.sky-tours.com/images/loading.gif

      hope you understand me

      Delete

    3. For better understanding.
      I mean - File Upload with only one progress bar or animate gif image like in my post below

      Best regards Wolfgang

      Delete

  10. HI! I'm Gianluca from Italy! Great Resalat Haque, how can we load directory - sub_directory and file tree in the same order and save routes in mysql We found webkitdirectory HTML5, but does not load entire folder structure ...? only files and not recursively ... We searched all over the web, but ... nothing ... can you help us?

    ReplyDelete

  11. Hi guy!

    Very good example, easy, fast and completely useful!

    I have modified to save files in random folders and I have added other script as well, to compress in one zip file, you know trying to make a simple we-transfer for local use.

    But, could you give me any tip to make your script valid to uploads files from different folders?

    I have done it showing various lines to select files, but you knnow, it's quite 'dirty'...

    What I'm looking for is that only when I have added some files, only then, show another line/button to add more files.

    Later I will try to discover how to show a progress bar...

    Anyway, many many thanks!!!! I really appreciate your work, THANK YOU!

    ReplyDelete

  12. what framework did you use? is it CodeIgniter? and what type of database storage did you use? can I use wamp or oracle? pls. reply... i just badly need it... btw I'm just a student and I'm hoping that you can really help me with this. because it is part of my requirements as my project to graduate. :) thank you and God Bless

    ReplyDelete

  13. Thanks for your very simple & easy script.
    I've uploaded an image the dimension is 437*656, then re-sized into 460*305. The result was only half of the image is re-sized! What to do to get the full image re-sized?

    ReplyDelete

Go to top