Uploading two images to separate folders using one form

Johny7126

I need to upload a preview image - smaller image to a different folder then my main image (larger image).

Is it possible using one form to upload 2 files to 2 separate folders?

This is the form code I have been trying to get to work:

<form action="add_product_script.php" method="post" enctype="multipart/form-data">
					<table>
						<tr style="vertical-align: top;">
							<td width="400px">
								Upload large product image:<br />
								<input type="file" name="upload[]" /><br />	
								Upload small product image (preview):<br />
								<input type="file" name="upload[]" /><br />									
...
								Product description:<br />
<input type="submit" value="Upload" /><br />
</form>

And this is the PHP script I am using:

	
	$success = 0;
	$fail = 0;
	$uploaddir = 'uploads/';
	for ($i=0;$i<4;$i++)
	{
		if($_FILES['userfile']['name'][$i])
		{
			$uploadfile = $uploaddir . basename($_FILES['userfile']['name'][$i]);
			$ext = strtolower(substr($uploadfile,strlen($uploadfile)-3,3));
			if (preg_match("/(jpg|gif|png|bmp)/",$ext))
			{
				if (move_uploaded_file($_FILES['userfile']['tmp_name'][$i], $uploadfile))
				{
					$success++;
				}
				else
				{
					echo "Error Uploading the file. Retry after sometime.\n";
					$fail++;
				}
			}
			else
			{
				$fail++;
			}
		}
	}
	echo "<br> Number of files Uploaded:".$success;
	echo "<br> Number of files Failed:".$fail;

Last above code was ripped off the internet for multiple images - only goes to one folder though - maybe do this without a loop?

Any ideas please.

Cheers

ScoobyDooobyD00

Try this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Upload Two Images</title>
</head>

<body>
<?php
if(isses($_POST['submit'])) {
$largeIMG = $_FILES['LargeIMG'];
$smallIMG = $_FILES['smallIMG'];
$errors = array();

// Basic Error Checking
if(!$largeIMG) {
	$errors[] = "You must supply a Large Image<br>\n";
}
if(!$smallIMG) {
	$errors[] = "You must supply a Small Image<br>\n";
}
// check any more errors the same way

// Count number of errors and if there were no errors
// then upload the images
if(count($errors) > 0) {
	echo "The following errors occurred!<br>\n";
	foreach($errors AS $error) {
		echo $error;
	}
echo "Please try again!<br>\n";
?>
<form action="add_product_script.php" method="post" enctype="multipart/form-data">
                    <table>
                        <tr style="vertical-align: top;">
                            <td width="400px">
                                Upload large product image:<br />
                                <input type="file" name="LargeIMG" /><br />    

                                Upload small product image (preview):<br />
                                <input type="file" name="smallIMG" /><br />                                    

...
                                Product description:<br />
<input type="submit" value="Upload" /><br />
							</td>
                       </tr>
                    </table>
</form> 
<?php
}else {
	$upload_Large_Image = "/Large-Images/" . $largeIMG['name'];
	$upload_Small_Image = "/Small-Images/" . $smallIMG['name'];

// Upload Large Image
if(move_uploaded_file($largeIMG['temp_name'], $upload_Large_Image) {
	$largeIMG_status = "Uploaded Large Image!<br>\n";
}else {
	$largeIMG_status = "Failed to upload Large Image!<br>\n";
}
if(move_uploaded_file($smallIMG['temp_name'], $upload_Small_Image) {
	$smallIMG_status = "Uploaded Small Image<br>!\n";
}else {
	$smallIMG_status = "Failed to upload Small Image!<br>\n";
}

// Give user final response
?>
<table border="0">
<tr>
<td>Large Image: </td>
<td><?=$largeIMG_status;?></td>
</tr>
<tr>
<td>Small Image: </td>
<td><?=$smallIMG_status;?></td>
</tr>
</table>
<?php
}else {
?>
<form action="add_product_script.php" method="post" enctype="multipart/form-data">
                    <table>
                        <tr style="vertical-align: top;">
                            <td width="400px">
                                Upload large product image:<br />
                                <input type="file" name="LargeIMG" /><br />    

                                Upload small product image (preview):<br />
                                <input type="file" name="smallIMG" /><br />                                    

...
                                Product description:<br />
<input type="submit" value="Upload" /><br />
							</td>
                       </tr>
                    </table>
</form> 
<?php
}
?>
</body>
</html>

Xager

I don't see why you're trying to upload two images in two <input> with the same name, a browser cannot send an array.

ScoobyDooobyD00's script is a much better suggestion.

Johny7126

Thats exactly what I was looking for - cheers mate.