Cómo ocultar las imágenes cargadas

novoweb · #1 (**permalink**) 18/03/2011, 00:01

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 originalecho "<form action='{$_SERVER['PHP_SELF']}' method='post'><input type='submit' value='OK'></form>";
}
$filehandle=opendir($ruta);//Abrir archivo
while($file=readdir($filehandle))   {
    if($file != "." && $file != "..")   {
        $tamanoArchivo=GetImageSize($ruta. $file);
        echo "<p><img src='$ruta$file' $tamanoArchivo[3]><br /></p>\n";
    }
}
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<html>
<head><title>Album de fotos</title>
</head>
<body>
<h1>Album de fotos</h1>
<h3>Cargar archivo</h3>
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data">
<input type="file" name="archivo"><br /><br />
<input type="submit" name="Submit" value="Cargar archivo">
</form>
<?php
$ruta="images/";//indicar ruta del archivo
if(isset($_FILES['archivo']) && $_FILES['archivo']['size'] > 0) {
    $tamanoMax=2097152;//tamaño en bytes= 2 MB
    $nombreTemp=$_FILES['archivo']['tmp_name'];
    $nombreArchivo=$_FILES['archivo']['name'];
    $tamanoArchivo=$_FILES['archivo']['size'];
    $tipoArchivo=GetImageSize($nombreTemp);
    if($tipoArchivo[2]==1 || $tipoArchivo[2]==2 || $tipoArchivo[2]==3)  {//GIF, JPEG o PNG
        if($tamanoArchivo <= $tamanoMax)    {
            if(move_uploaded_file($nombreTemp, $ruta . $nombreArchivo)) {
                echo "<p>Archivo cargado. Tama&ntilde;o: ".$tamanoArchivo." bytes. Nombre: ".$nombreArchivo.".</p>";
            }   else    {
                echo "<p>No se pudo cargar el archivo.</p>";
            }
        }   else    {
            echo "<p>El archivo tiene m&aacute;s de ".$tamanoMax." bytes;es demasiado grande.</p>";
        }
    }   else    {
        echo "<p>No es un archivo de im&aacute;gen v&aacute;lido.</p>";
    }
    echo "<form action='{$_SERVER['PHP_SELF']}' method='post'><input type='submit' value='OK'></form>";
}
$filehandle=opendir($ruta);//Abrir archivo
while($file=readdir($filehandle))   {
    if($file != "." && $file != "..")   {
        $tamanoArchivo=GetImageSize($ruta. $file);
        echo "<p><img src='$ruta$file' $tamanoArchivo[3]><br /></p>\n";
    }
}
closedir($filehandle);
?>
</body>
</html>

Triby · #2 (**permalink**) 18/03/2011, 03:10

Cita:

Iniciado por novoweb

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.

Casi supones bien, porque si estas subiendo solamente una imagen cada vez, basta con crear una variable:

Código PHP:

Ver original// Inicializas como cadena vacia, no hay imagen aun
$mostrar = '';
 
// En el if donde compruebas si se subio correctamente
if(move_uploaded_file(...)) {
    $mostrar = $ruta . $nombreArchivo;
}
 
// Al finalizar el script y en vez de leer la carpeta:
if($mostrar != '') {
    echo "<img src=\"$mostrar\" alt=\"Imagen subida\" />";
}

novoweb · #3 (**permalink**) 19/03/2011, 03:56

muchas gracias amigo, me resultó perfecto. la imagen se muestra al cargar, y desaparece al hacer click en OK.

thanxs again :)

solo me qeda una consulta: ¿es imperativo poner en el último script las barras invertidas? yo las omití y me funciona iwal de bien...

Triby · #4 (**permalink**) 19/03/2011, 23:51

Las barras invertidas son para escapar las comillas dobles en una cadena delimitada por comillas dobles.