Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Image Upload Script

Status
Not open for further replies.
brogan

brogan

Technical User
Oct 7, 2003
44
GB
Hi guys,

I have a basic image upload script (see code below).

The script works well but I would like to add a text box in the script so that the person uploading the photo can give the photo a meaningful name and be easily found on the server.

Any ideas how I could go about doing this as I'm struggling?

Thanks,

Mark


<code>

<?php ini_set("memory_limit", "200000000"); // for large images so that we do not get "Allowed memory exhausted"?>
<?php
// upload the file
if ((isset($_POST["submitted_form"])) && ($_POST["submitted_form"] == "image_upload_form")) {

// file needs to be jpg,gif,bmp,x-png and 4 MB max
if (($_FILES["image_upload_box"]["type"] == "image/jpeg" || $_FILES["image_upload_box"]["type"] == "image/pjpeg" || $_FILES["image_upload_box"]["type"] == "image/gif" || $_FILES["image_upload_box"]["type"] == "image/x-png") && ($_FILES["image_upload_box"]["size"] < 4000000))
{


// some settings
$max_upload_width = 2592;
$max_upload_height = 1944;

// if user chosed properly then scale down the image according to user preferances
if(isset($_REQUEST['max_width_box']) and $_REQUEST['max_width_box']!='' and $_REQUEST['max_width_box']<=$max_upload_width){
$max_upload_width = $_REQUEST['max_width_box'];
}
if(isset($_REQUEST['max_height_box']) and $_REQUEST['max_height_box']!='' and $_REQUEST['max_height_box']<=$max_upload_height){
$max_upload_height = $_REQUEST['max_height_box'];
}


// if uploaded image was JPG/JPEG
if($_FILES["image_upload_box"]["type"] == "image/jpeg" || $_FILES["image_upload_box"]["type"] == "image/pjpeg"){
$image_source = imagecreatefromjpeg($_FILES["image_upload_box"]["tmp_name"]);
}
// if uploaded image was GIF
if($_FILES["image_upload_box"]["type"] == "image/gif"){
$image_source = imagecreatefromgif($_FILES["image_upload_box"]["tmp_name"]);
}
// BMP doesn't seem to be supported so remove it form above image type test (reject bmps)
// if uploaded image was BMP
if($_FILES["image_upload_box"]["type"] == "image/bmp"){
$image_source = imagecreatefromwbmp($_FILES["image_upload_box"]["tmp_name"]);
}
// if uploaded image was PNG
if($_FILES["image_upload_box"]["type"] == "image/x-png"){
$image_source = imagecreatefrompng($_FILES["image_upload_box"]["tmp_name"]);
}


$remote_file = "image_files/".$_FILES["image_upload_box"]["name"];
imagejpeg($image_source,$remote_file,100);
chmod($remote_file,0644);



// get width and height of original image
list($image_width, $image_height) = getimagesize($remote_file);

if($image_width>$max_upload_width || $image_height >$max_upload_height){
$proportions = $image_width/$image_height;

if($image_width>$image_height){
$new_width = $max_upload_width;
$new_height = round($max_upload_width/$proportions);
}
else{
$new_height = $max_upload_height;
$new_width = round($max_upload_height*$proportions);
}


$new_image = imagecreatetruecolor($new_width , $new_height);
$image_source = imagecreatefromjpeg($remote_file);

imagecopyresampled($new_image, $image_source, 0, 0, 0, 0, $new_width, $new_height, $image_width, $image_height);
imagejpeg($new_image,$remote_file,100);

imagedestroy($new_image);
}

imagedestroy($image_source);


header("Location: submit.php?upload_message=image uploaded&upload_message_type=success&show_image=".$_FILES["image_upload_box"]["name"]);
exit;
}
else{
header("Location: submit.php?upload_message=make sure the file is jpg, gif or png and that is smaller than 4MB&upload_message_type=error");
exit;
}
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image Upload with resize</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
}

.upload_message_success {
padding:4px;
background-color:#009900;
border:1px solid #006600;
color:#FFFFFF;
margin-top:10px;
margin-bottom:10px;
}

.upload_message_error {
padding:4px;
background-color:#CE0000;
border:1px solid #990000;
color:#FFFFFF;
margin-top:10px;
margin-bottom:10px;
}

-->
</style></head>

<body>

<h1 style="margin-bottom: 0px">Submit an image</h1>


<?php if(isset($_REQUEST['upload_message'])){?>
<div class="upload_message_<?php echo $_REQUEST['upload_message_type'];?>">
<?php echo htmlentities($_REQUEST['upload_message']);?>
</div>
<?php }?>


<form action="submit.php" method="post" enctype="multipart/form-data" name="image_upload_form" id="image_upload_form" style="margin-bottom:0px;">
<label>Image file, maximum 4MB. it can be jpg, gif, png:</label><br />
<input name="image_upload_box" type="file" id="image_upload_box" size="40" />
<input type="submit" name="submit" value="Upload image" />

<br />
<br />


<label>Scale down image? (2592 x 1944 px max):</label>
<br />
<input name="max_width_box" type="text" id="max_width_box" value="1024" size="4">
x

<input name="max_height_box" type="text" id="max_height_box" value="768" size="4">
px.
<br />
<br />
<p style="padding:5px; border:1px solid #EBEBEB; background-color:#FAFAFA;">
<strong>Notes:</strong><br />
The image will not be resized to this exact size; it will be scalled down so that neider width or height is larger than specified.<br />
When uploading this script make sure you have a directory called &quot;image_files&quot; next to it and make that directory writable, permissions 777.<br />
After you uploaded images and made tests on our server please <a href="delete_all_images.php">delete all uploaded images </a> :)<br />
</p>



<input name="submitted_form" type="hidden" id="submitted_form" value="image_upload_form" />
</form>




<?php if(isset($_REQUEST['show_image']) and $_REQUEST['show_image']!=''){?>
<p>
<img src="image_files/<?php echo $_REQUEST['show_image'];?>" />
</p>
<?php }?>

</body>
</html>

</code>
 
Sort by date Sort by votes
Add a text input to your submit form to take the description, then either save it onto a file for later retrieval, or keep a database with links to the images and store the related descriptions there.

What part are you having trouble with?

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Upvote 0 Downvote
@bogan
always post code within [ignore]
Code:
[/ignore] tags
 
Upvote 0 Downvote
I would do the same as vacunita.
Add a text input to your form and name it description.
Then just post that field to your database.

-------------------------------------
I am a progammer.... no realy.
 
Upvote 0 Downvote
The following is an excerpt from a script allowing multiple upload in one shot
it's up to you to adapt but it is related to what evreyone mentionned ... no big deal, really!

Code: 
//////////// Check Caption size ///////////////////

$img_caption=$_POST['img_caption'];	//$a=implode("<br>",$img_caption); echo"$a";
$counter=0;
		while($counter <count($img_caption) )
			{
			if(strlen($img_caption[$counter])>45 )
					{
	        echo"<b>The Caption <p>$img_caption<br>[$counter]
	        <p>should only contain 45 characters with or without space</b><br>
	        <a href=\"xxxxxx.php?dir_name=$dir_name\">
          <b>Please, try again</b></a>";
          exit();
					}
			$counter++;
			}
//////////// Check caption text ////////////////////			
$img_caption=$_POST['img_caption'];	//$a=implode("<br>",$img_caption); //echo"$a";
$counter=0;
		while($counter <count($img_caption) )
			{
			if (!preg_match("/^[A-Za-z0-9\ ]+$/",$img_caption[$counter]))
					{
	         echo "<h3> The Caption <p>$img_caption<br>[$counter]
	         <p>may only contain alphanumerical characters with or without space.<br></h3>
	         <a href=\"xxxxx.php?dir_name=$dir_name\">
           <b>Please, Go back and enter a Caption</b></a><p>";
           exit();
					}
////////// text OK /////////////////////////////////////
					
/////////// Check if similar caption exists ////////////
$conn=db_connect();

	$result = mysql_query("SELECT img_caption 
	FROM (your table)
	WHERE 
	img_gal='$dir_name'
	AND
	img_caption='$img_caption[$counter]'
	 ");
	$num = mysql_num_rows($result); //echo"$num";
			if ($num >0)
			{
				$cap=implode("<br>",$img_caption);
				echo "<h3> The Caption: --> <p>$cap<br>
	         <p>Was previously posted.<br></h3>
	         <a href=\"xxxxx.php?dir_name=$dir_name\">
           <h4>Please, Go back and enter a UNIQUE Caption</h4></a><p>";
           exit();
					}
///////////// No dupe found! /////
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Gerrit Broekhuis
  • Locked
  • Question
PHP form with captcha and file upload
Replies
4
Views
155
Gerrit Broekhuis
Gerrit Broekhuis
sugram
  • Locked
  • Question
how start a second shell script
Replies
0
Views
78
sugram
sugram
waubain
  • Locked
  • Question
Images not loading on AJAX call
Replies
3
Views
435
southbeach
southbeach
Brianfree
  • Locked
  • Question
PHP - &gt; Upload process and create a new csv file
Replies
1
Views
107
feherke
feherke
Marine1969
  • Locked
  • Question
Ajax Script
Replies
0
Views
64
Marine1969
Marine1969

Part and Inventory Search

Sponsor

Back
Top