How do I display the image after I upload it?

  • coryjladd
  • Born
  • Born
  • coryjladd
  • Posts: 1

Post 3+ Months Ago

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">&nbsp;<input name="Submit" type="submit" value="Upload image">    
        </form>
        <!-- End Image Upload Form -->
  1.         <!-- Start PHP Code For Image Upload -->
  2. <?php
  3.             //define a maxim size for the uploaded images in Kb
  4.              define ("MAX_SIZE","5060");
  5.             //This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
  6.              function getExtension($str) {
  7.                  $i = strrpos($str,".");
  8.                  if (!$i) { return ""; }
  9.                  $l = strlen($str) - $i;
  10.                  $ext = substr($str,$i+1,$l);
  11.                  return $ext;
  12.              }
  13.     
  14.             //This variable is used as a flag. The value is initialized with 0 (meaning no error found) 
  15.             //and it will be changed to 1 if an errro occures. 
  16.             //If the error occures the file will not be uploaded.
  17.              $errors=0;
  18.             //checks if the form has been submitted
  19.              if(isset($_POST['Submit']))
  20.              {
  21.                  //reads the name of the file the user submitted for uploading
  22.                  $image=$_FILES['image']['name'];
  23.                  //if it is not empty
  24.                  if ($image)
  25.                  {
  26.                  //get the original name of the file from the clients machine
  27.                      $filename = stripslashes($_FILES['image']['name']);
  28.                  //get the extension of the file in a lower case format
  29.                      $extension = getExtension($filename);
  30.                      $extension = strtolower($extension);
  31.                  //if it is not a known extension, we will suppose it is an error and will not upload the file, 
  32.                 //otherwise we will do more tests
  33.              if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
  34.                      {
  35.                     //print error message
  36.                          echo '<h2>Unknown extension!</h2>';
  37.                          $errors=1;
  38.                      }
  39.                      else
  40.                      {
  41.            //get the size of the image in bytes
  42.              //$_FILES['image']['tmp_name'] is the temporary filename of the file
  43.              //in which the uploaded file was stored on the server
  44.              $size=filesize($_FILES['image']['tmp_name']);
  45.             //compare the size with the maxim size we defined and print error if bigger
  46.             if ($size > MAX_SIZE*1024)
  47.             {
  48.                 echo '<h2>You have exceeded the file size limit! Please reduce the image size to 100 Kb or less!</h2>';
  49.                 $errors=1;
  50.             }
  51.             //we will give an unique name, for example the time in unix time format
  52.             $image_name=$filename;
  53.             //the new name will be containing the full path where will be stored (images folder)
  54.             $newname="../images/".$image_name;
  55.             //we verify if the image has been uploaded, and print error instead
  56.             $copied = copy($_FILES['image']['tmp_name'], $newname);
  57.             if (!$copied)
  58.             {
  59.                 echo '<h2>Copy unsuccessful!</h2>';
  60.                 $errors=1;
  61.             }}}}
  62.             //If no errors registred, print the success message
  63.              if(isset($_POST['Submit']) && !$errors)
  64.              {
  65.                  echo "<h2>File Uploaded Successfully!</h2><br /><h2>File Location: http://localhost/images/$image_name</h2>";
  66.              }
  67. ?>
  68. <!-- End PHP Code For Image Upload -->
  69.         <!-- Start Image Upload Form -->
  70.         <form name="newad" method="post" enctype="multipart/form-data" action="">
  71.         <input type="file" name="image">&nbsp;<input name="Submit" type="submit" value="Upload image">    
  72.         </form>
  73.         <!-- End Image Upload Form -->
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Code: [ Select ]
<img src="http://localhost/images/<?php echo $image_name; ?>" alt="There ya go" />

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 147 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.