How do I display the image after I upload it?
- coryjladd
- Born


- Joined: May 23, 2011
- Posts: 1
- Status: Offline
I have my current code to show the image location on upload but I want to figure out what I need to do to display the image right below the file location on line 69. Can someone help me out with this? I would really appreciate it.
Code: [ Select ]
<!-- Start PHP Code For Image Upload -->
<?php
//define a maxim size for the uploaded images in Kb
define ("MAX_SIZE","5060");
//This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
//This variable is used as a flag. The value is initialized with 0 (meaning no error found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
$errors=0;
//checks if the form has been submitted
if(isset($_POST['Submit']))
{
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
//print error message
echo '<h2>Unknown extension!</h2>';
$errors=1;
}
else
{
//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);
//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*1024)
{
echo '<h2>You have exceeded the file size limit! Please reduce the image size to 100 Kb or less!</h2>';
$errors=1;
}
//we will give an unique name, for example the time in unix time format
$image_name=$filename;
//the new name will be containing the full path where will be stored (images folder)
$newname="../images/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
echo '<h2>Copy unsuccessful!</h2>';
$errors=1;
}}}}
//If no errors registred, print the success message
if(isset($_POST['Submit']) && !$errors)
{
echo "<h2>File Uploaded Successfully!</h2><br /><h2>File Location: http://localhost/images/$image_name</h2>";
}
?>
<!-- End PHP Code For Image Upload -->
<!-- Start Image Upload Form -->
<form name="newad" method="post" enctype="multipart/form-data" action="">
<input type="file" name="image"> <input name="Submit" type="submit" value="Upload image">
</form>
<!-- End Image Upload Form -->
<?php
//define a maxim size for the uploaded images in Kb
define ("MAX_SIZE","5060");
//This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
//This variable is used as a flag. The value is initialized with 0 (meaning no error found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
$errors=0;
//checks if the form has been submitted
if(isset($_POST['Submit']))
{
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
//print error message
echo '<h2>Unknown extension!</h2>';
$errors=1;
}
else
{
//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);
//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*1024)
{
echo '<h2>You have exceeded the file size limit! Please reduce the image size to 100 Kb or less!</h2>';
$errors=1;
}
//we will give an unique name, for example the time in unix time format
$image_name=$filename;
//the new name will be containing the full path where will be stored (images folder)
$newname="../images/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
echo '<h2>Copy unsuccessful!</h2>';
$errors=1;
}}}}
//If no errors registred, print the success message
if(isset($_POST['Submit']) && !$errors)
{
echo "<h2>File Uploaded Successfully!</h2><br /><h2>File Location: http://localhost/images/$image_name</h2>";
}
?>
<!-- End PHP Code For Image Upload -->
<!-- Start Image Upload Form -->
<form name="newad" method="post" enctype="multipart/form-data" action="">
<input type="file" name="image"> <input name="Submit" type="submit" value="Upload image">
</form>
<!-- End Image Upload Form -->
- <!-- Start PHP Code For Image Upload -->
- <?php
- //define a maxim size for the uploaded images in Kb
- define ("MAX_SIZE","5060");
- //This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
- function getExtension($str) {
- $i = strrpos($str,".");
- if (!$i) { return ""; }
- $l = strlen($str) - $i;
- $ext = substr($str,$i+1,$l);
- return $ext;
- }
- //This variable is used as a flag. The value is initialized with 0 (meaning no error found)
- //and it will be changed to 1 if an errro occures.
- //If the error occures the file will not be uploaded.
- $errors=0;
- //checks if the form has been submitted
- if(isset($_POST['Submit']))
- {
- //reads the name of the file the user submitted for uploading
- $image=$_FILES['image']['name'];
- //if it is not empty
- if ($image)
- {
- //get the original name of the file from the clients machine
- $filename = stripslashes($_FILES['image']['name']);
- //get the extension of the file in a lower case format
- $extension = getExtension($filename);
- $extension = strtolower($extension);
- //if it is not a known extension, we will suppose it is an error and will not upload the file,
- //otherwise we will do more tests
- if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
- {
- //print error message
- echo '<h2>Unknown extension!</h2>';
- $errors=1;
- }
- else
- {
- //get the size of the image in bytes
- //$_FILES['image']['tmp_name'] is the temporary filename of the file
- //in which the uploaded file was stored on the server
- $size=filesize($_FILES['image']['tmp_name']);
- //compare the size with the maxim size we defined and print error if bigger
- if ($size > MAX_SIZE*1024)
- {
- echo '<h2>You have exceeded the file size limit! Please reduce the image size to 100 Kb or less!</h2>';
- $errors=1;
- }
- //we will give an unique name, for example the time in unix time format
- $image_name=$filename;
- //the new name will be containing the full path where will be stored (images folder)
- $newname="../images/".$image_name;
- //we verify if the image has been uploaded, and print error instead
- $copied = copy($_FILES['image']['tmp_name'], $newname);
- if (!$copied)
- {
- echo '<h2>Copy unsuccessful!</h2>';
- $errors=1;
- }}}}
- //If no errors registred, print the success message
- if(isset($_POST['Submit']) && !$errors)
- {
- echo "<h2>File Uploaded Successfully!</h2><br /><h2>File Location: http://localhost/images/$image_name</h2>";
- }
- ?>
- <!-- End PHP Code For Image Upload -->
- <!-- Start Image Upload Form -->
- <form name="newad" method="post" enctype="multipart/form-data" action="">
- <input type="file" name="image"> <input name="Submit" type="submit" value="Upload image">
- </form>
- <!-- End Image Upload Form -->
- Anonymous
- Bot


- Joined: 25 Feb 2008
- Posts: ?
- Loc: Ozzuland
- Status: Online
May 23rd, 2011, 6:30 am
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
Code: [ Select ]
<img src="http://localhost/images/<?php echo $image_name; ?>" alt="There ya go" />
Let's leave all our *plum* where it is and go live in the jungle ...
Page 1 of 1
To Reply to this topic you need to LOGIN or REGISTER. It is free.
Post Information
- Total Posts in this topic: 2 posts
- Users browsing this forum: Bigwebmaster and 150 guests
- You cannot post new topics in this forum
- You cannot reply to topics in this forum
- You cannot edit your posts in this forum
- You cannot delete your posts in this forum
- You cannot post attachments in this forum
