¿Cómo puedo mostrar la imagen después de subirlo?

  • coryjladd
  • Born
  • Born
  • No Avatar
  • Registrado: May 23, 2011
  • Mensajes: 1
  • Status: Offline

Nota Mayo 23rd, 2011, 6:30 am

Yo tengo mi código actual para mostrar la ubicación de la imagen durante la carga, pero quiero saber qué tengo que hacer para mostrar la imagen de la derecha por debajo de la ubicación del archivo en la línea 69. ¿Puede alguien ayudarme con esto? Yo lo agradecería muchísimo.

Código: [ 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
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Mayo 23rd, 2011, 6:30 am

  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Mayo 26th, 2011, 2:57 am

Código: [ 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 ...

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 148 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC