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: , , , , , ,

96 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

    3. in your www directory or htdocs you will found php folder and in php folder you can easily find out php.ini file

      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

    3. Actually that is not correct "Anonymous"
      Try to take a look at the BLOB fields
      heres a little list of how much data the different types can keep.
      TINYBLOB - 255 bytes
      BLOB - 65535 bytes
      MEDIUMBLOB - 16,777,215 bytes (2^24 - 1)
      LONGBLOB - 4G bytes (2^32 – 1)

      they store data binary lets take a little example while we are at it.

      $saveImage = file_get_contents('/path/to/image/image.jpg');
      mysql_query('INSERT INTO images (picture) VALUES ("' . mysql_real_escape_string($saveImage) . '")');

      The rest is up to you, however it is a slow process if you compare it just uploading it to your webserver
      and storing the link in the 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

  14. Hi, im trying to send the file names via email but not sure how to send it any ideas?

    ReplyDelete

  15. Can u please tell me how to insert the file path into mysql database..?

    ReplyDelete
    Replies

    1. As you already know where your storing your data on your webserver
      all you really need to do is make a query to your database with the path information and image name
      $image = "imagename.png"
      $sql = "INSERT INTO DB_NAME (path) VALUES('/path/to/your/$image')";
      mysql_query($sql);
      nothing speciel there however you might want to sanatize the data

      Delete

  16. Hi everyone, this is a very nice script.
    but I keep getting an error when running it:
    Warning: Invalid argument supplied for foreach()

    he gives this error on line "foreach ($_FILES['files']['name'] as $f => $name) {"

    The error only occurs on multiple files, not on a single file.
    Anyone any suggestions?

    thanks

    ReplyDelete

  18. The images gets uploaded but it shows as invalid image when i try to open it.. :(

    ReplyDelete

  19. please, anyone help me. I want to save a path (url of file) on a database, but i cant.
    I modified a little bit the code (http://pastebin.com/KKRw4qfK)
    the files are upload correctly, but only one file is inserted into the database
    that's the code, everytimes i uploads file only first file is inserted into the database
    http://pastebin.com/KKRw4qfK
    please help.. I'm a noob with php. :/

    sorry for my bad english, i speak spanish

    ReplyDelete
    Replies

    1. http://stackoverflow.com/questions/21222356/php-multiple-files-upload-and-gets-path-of-each-ones-files-uploads-for-mysql/21222619?noredirect=1#21222619

      here a solution

      Delete

  20. I am using this script and it works perfect,but i need to echo the url of each uploaded file after it is done .
    I found a way that works ,then I added the code to change the file names. Now I cant get it to echo the new file name just the old one. I added this code

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

    When not changing the name I am able to echo the urls with this
    }
    foreach ($_FILES['files']['name'] as $f => $name)
    {


    echo "http://www.mysite.com/uploader/uploads/";echo $name; echo"
    ";
    }
    How do I make it echo the new name instead of the real file name?



    Please help me correct this.

    ReplyDelete

  21. Thank you very much. Simple and straight foreward.

    ReplyDelete

  22. Sir what code it should be . If I upload a same picture in my folder, I want to have an error pop up to validation. thanks for the answer. :)

    ReplyDelete

  25. This comment has been removed by the author.

    ReplyDelete

  26. You rock... For preview before Upload , Using HTML5
    http://www.html5rocks.com/en/tutorials/file/dndfiles/

    ReplyDelete

  27. I'm really appreciate your work, from cambodia web developer.

    ReplyDelete

  28. when i was trying to upload more than 5 files using this code.i am geting an error like this.
    how can i over come this problem .please reply its urgent.....

    "( ! ) Notice: Undefined index: files in ..\addstaff.php on line 55
    Call Stack
    # Time Memory Function Location
    1 0.0007 411576 {main}( ) ..\addstaff.php:0


    ( ! ) Warning: Invalid argument supplied for foreach() in C:\wamp\www\qdoc2\addstaff.php on line 55
    Call Stack
    # Time Memory Function Location
    1 0.0007 411576 {main}( ) ..\addstaff.php:0"

    ReplyDelete

  29. How to add individual image description (title - date - etc) in this case? Thanks.

    ReplyDelete

  31. Hello nice tutorial :D but how can I check the memtype of the file, I already tried with this $_FILES['files']['type'][$f], but it doesn't work.
    For exampla If I hava a .exe file and I change de extension to .jpg the file shouldn't be uploaded, how can I do that?

    And a second doubt :P how can I count the files before the submit and if they are more than the allowed number of images to upload, just upload what it lefts? For example, it's just allowed to upluad 20 images so if I have 15 registered in my database, if I try to upload 10, it only has to upload 5 and the other 5 not

    Thank u :3

    ReplyDelete

  32. Sorry if this is posted twice:

    Thank yo for the tutorial. I am getting this error:
    Warning: move_uploaded_file(uploads/TR0789603194.zip): failed to open stream: No such file or directory in /home5/onlinepc/public_html/action/subs/web_intake.php on line 113

    Warning: move_uploaded_file(): Unable to move '/home5/onlinepc/public_html/tmp/phpUU8kdx' to 'uploads/TR0789603194.zip' in /home5/onlinepc/public_html/action/subs/web_intake.php on line 113

    Line 113 is:
    if(move_uploaded_file($_FILES["text_content"]["tmp_name"][$f], $path.$name))

    My Path is:
    $path = "uploads/";
    Also, How can I save each file path in the database to allow easy download on backend?

    ReplyDelete

  33. Nice + easy + WORKING
    #ThankYouVeryMuch

    ReplyDelete

  35. how to upload selected folder on sever by drop down menu
    get me idea

    ReplyDelete

  36. Hi, when I try to upload more than 4 files at a strech I am getting the following error


    "Warning: Invalid argument supplied for foreach() in C:\wamp\www\multiple-file-upload-with-php\index.php on line 16"

    "Notice: Undefined index: files in C:\wamp\www\multiple-file-upload-with-php\index.php on line 16"

    What might be the issue?

    ReplyDelete

  37. hello sir;
    am thanksfull to you for providing such information. your all iformation is much valuable for me and i hope in the future you will launch more information. if anyone feel problem please visit all android software contant and data

    ReplyDelete

  38. Hi
    Absolut great script

    But need one function, resize of images, could you please add this Option?
    Thank you

    ReplyDelete

  39. hi,

    The function is good but... $message don't use? no return?
    init $message
    $message = array();

    finally
    return ($message)?$message:1;

    ReplyDelete

  40. hello, thank you for the tutorial...
    I was wondering, if I want to save the picture name into database with table contains field : dateupload, image1, image2, image3...

    I'll try to do it, but somethinug goes wrong, it become 3 rows data, not 1 rows data like I want to... Could you help me, Sir?

    I put my code after for each, but I don't know how to store the multiple image name...

    $sql = "insert into PIMAGE (dateupload,image1,image2,image3) values (now(),'$name,'$name','$name')";

    ReplyDelete

  41. thank you for the tutorial...
    but sir how to upload more than 20 images

    ReplyDelete

  42. thanks for sharing. Nice work.
    I want to inform you that Source file link not working on any tutorial.
    Please update source file link.
    Thank you

    ReplyDelete

  43. Hello,

    I would want to know how to make for post my photos uploader, please ?
    Thank' for helping

    ReplyDelete

  44. I keep getting an error that tells me 'files' is an undefined index in my php. I can't figure out why not. I've already tried changing the id in the html file from 'file' to 'files'. Any idea how to fix this?

    ReplyDelete

  45. Hola¡ Como se podrían guardar las imágenes en una BD.
    Gracias

    ReplyDelete

  48. Hello there, would it be possible for you to upload multiple files while resizing them all as well?

    ReplyDelete

  49. I've read 20+ tutorials and yours is the one really work.

    I just wanna say thank you.

    ReplyDelete

  50. This comment has been removed by the author.

    ReplyDelete

  51. This comment has been removed by the author.

    ReplyDelete

  52. Thank you. the above code is working in browser but when i tried this from my mobile i can’t able to upload image more than one(able to upload only one image but i want to upload multiple image). can u able to solve this issue?

    ReplyDelete

  53. thanks for this code but i have multiple file upload in dynamically on button click plz help me

    ReplyDelete

  54. This comment has been removed by the author.

    ReplyDelete

  56. please i want to know how to send all files select the imput from the database and the files in their field (URL only)

    ReplyDelete

  59. Hi. I need to display multiple images by single id of Database and those multiple images are stored in DB. If u favour me so i 'll be thankful

    ReplyDelete

  61. how to insert filename to database for one column? data will be stored with separate by commas

    ReplyDelete

  62. Hi everyone, please i am new in this shit, can any body help me on how and where i will create the folder in which the file will be uploaded?
    Thanks in advance.

    ReplyDelete

  63. Hi

    I am using this script and works perfect but am trying to get a success message display so the user knows they have been uploaded successfully but I keep getting the message repeated based on the number of files I upload, can any one help please

    Ian

    ReplyDelete

  64. Sorry forgot to say, I have added the extra code in that makes each file uploaded a unique name, my uploader.php code looks like the following

    $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
    $ext = pathinfo($_FILES['files']['name'][$f], PATHINFO_EXTENSION);
    $uniq_name = uniqid() . '.' .$ext;
    move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path . $uniq_name);
    $count++; // Number of successfully uploaded file
    }
    }
    }
    }

    ?>

    ReplyDelete

  65. Hi, I am using this script but I encountered error. i don't understand what's the problem . thanks.

    Warning: move_uploaded_file(uploads/Approved2.png): failed to open stream: Permission denied in /var/www/uploadnesa/uploadtest.php on line 29 Warning: move_uploaded_file(): Unable to move '/tmp/phpvPg9AA' to 'uploads/Approved2.png' in /var/www/uploadnesa/uploadtest.php on line 29

    ReplyDelete

  66. How to add names of picturs in sql ?

    ReplyDelete

  67. How to add names of picturs in sql ?

    ReplyDelete

  68. Dapatkan disini , karena Obat Pelangsing slimming Capsule Di Apotik belum tersedia , karena slimming capsule tidak di jual di sembarang temapat termasuk di apotik pun tujuannya untuk menjaga ke aslian produk tersebut, karena sekarang banyak perusahaan yang meniru produk produk herbal sehingga herbal yang asli khasiatnya bisa di rusak oleh produk yang palsu. Untuk itu hati hati dengan slimming capsule yang palsu.Slimming capsule yang asli hanya ada di agen herbal tertentu seperti di distro herbal ini, kami merupakan agen herbal terbesar dan sudah di percaya di seluruh penjuru indonesia

    ReplyDelete

  71. Hello,
    Fantastisc, it works perfect! But how to get the files directly in the email together with the results..?

    ReplyDelete

  72. Very cool code, is it possible to select more than 300 images at once? Like 8000?

    ReplyDelete

  73. This comment has been removed by the author.

    ReplyDelete

  74. http://devssolution.blogspot.com/2016/07/multiple-files-uploading-using-plupload.html

    ReplyDelete
Go to top