Multiple File Upload with PHP

HTML Markup

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>

<head>

<title>Multiple File Ppload with PHP</title>

</head>

<body>

</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
	        }
	    }
	}
}

$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

}

Pradeep Maurya

Pradeep Maurya is the Professional Web Developer & Designer and the Founder of “Tutorials website”. He lives in Delhi and loves to be a self-dependent person. As an owner, he is trying his best to improve this platform day by day. His passion, dedication and quick decision making ability to stand apart from others. He’s an avid blogger and writes on the publications like Dzone, e27.co