Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2011, 00:01
novoweb
 
Fecha de Ingreso: abril-2010
Ubicación: Calama
Mensajes: 58
Antigüedad: 14 años
Puntos: 0
Pregunta Cómo ocultar las imágenes cargadas

ola PHPriends, me again con una nueva consulta:

estoi probando el código para subir archivos al servidor; imágenes específicamente. el formulario me funciona perfecto, la carga también. el problema es q las imágenes no desaparecen de la página; a medida q voi subiendo imágenes, se van mostrando todas las cargadas. la razón de esto es el siguiente código que pongo al final:

Código PHP:
Ver original
  1. echo "<form action='{$_SERVER['PHP_SELF']}' method='post'><input type='submit' value='OK'></form>";
  2. }
  3. $filehandle=opendir($ruta);//Abrir archivo
  4. while($file=readdir($filehandle))   {
  5.     if($file != "." && $file != "..")   {
  6.         $tamanoArchivo=GetImageSize($ruta. $file);
  7.         echo "<p><img src='$ruta$file' $tamanoArchivo[3]><br /></p>\n";
  8.     }
  9. }
  10. closedir($filehandle);

cuando la carga resulta exitosa, muestro una leyenda como "el archivo se ha cargado", y muestro un botón "OK" q al hacer click en él, se borra la leyenda y la página qeda lista para otra carga.

pero como el código siguiente indica q se abre el directorio donde se encuentran las imágenes, entonces las imágenes se muestran y van qedando en la página sin desaparecer.

lo q qiero es q al subir la imágen, esta imágen cargada se muestre junto con la leyenda "se ha cargado tu imagen". y q al hacer click en "OK", desaparezca tanto la imagen como la leyenda (NO borrarla del directorio, sino q ya no se muestre).

supongo q debería almacenar las imágenes en una array y luego identificar el archivo actual y mostrarlo, o identificar el último archivo cargado y mostrarlo, o algo asi.

espero entiendan mi consulta.

bueno dejo el código completo para q lo revisen:

Código PHP:
Ver original
  1. <html>
  2. <head><title>Album de fotos</title>
  3. </head>
  4. <body>
  5. <h1>Album de fotos</h1>
  6. <h3>Cargar archivo</h3>
  7. <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data">
  8. <input type="file" name="archivo"><br /><br />
  9. <input type="submit" name="Submit" value="Cargar archivo">
  10. </form>
  11. <?php
  12. $ruta="images/";//indicar ruta del archivo
  13. if(isset($_FILES['archivo']) && $_FILES['archivo']['size'] > 0) {
  14.     $tamanoMax=2097152;//tamaño en bytes= 2 MB
  15.     $nombreTemp=$_FILES['archivo']['tmp_name'];
  16.     $nombreArchivo=$_FILES['archivo']['name'];
  17.     $tamanoArchivo=$_FILES['archivo']['size'];
  18.     $tipoArchivo=GetImageSize($nombreTemp);
  19.     if($tipoArchivo[2]==1 || $tipoArchivo[2]==2 || $tipoArchivo[2]==3)  {//GIF, JPEG o PNG
  20.         if($tamanoArchivo <= $tamanoMax)    {
  21.             if(move_uploaded_file($nombreTemp, $ruta . $nombreArchivo)) {
  22.                 echo "<p>Archivo cargado. Tama&ntilde;o: ".$tamanoArchivo." bytes. Nombre: ".$nombreArchivo.".</p>";
  23.             }   else    {
  24.                 echo "<p>No se pudo cargar el archivo.</p>";
  25.             }
  26.         }   else    {
  27.             echo "<p>El archivo tiene m&aacute;s de ".$tamanoMax." bytes;es demasiado grande.</p>";
  28.         }
  29.     }   else    {
  30.         echo "<p>No es un archivo de im&aacute;gen v&aacute;lido.</p>";
  31.     }
  32.     echo "<form action='{$_SERVER['PHP_SELF']}' method='post'><input type='submit' value='OK'></form>";
  33. }
  34. $filehandle=opendir($ruta);//Abrir archivo
  35. while($file=readdir($filehandle))   {
  36.     if($file != "." && $file != "..")   {
  37.         $tamanoArchivo=GetImageSize($ruta. $file);
  38.         echo "<p><img src='$ruta$file' $tamanoArchivo[3]><br /></p>\n";
  39.     }
  40. }
  41. closedir($filehandle);
  42. ?>
  43. </body>
  44. </html>