Problema al cargar imágenes desde un directorio

aalleexx81 · #1 (**permalink**) 20/01/2013, 06:18

Buenas a tod@s, estoy trabajando con un ejercicio de PHP el cual sube imágenes a un directorio de mi PC. Hasta ahí bien, el problema es que cuando intento mostrarlas, abriendo el directorio y recorriéndolo mostrando las img, no se visualizan en la página. Únicamente me aparecen los iconos indicando que hay una imagen pero no se visualizan dichas imágenes.

El código es el siguiente (muestro el código del script completo):

Código PHP:

 
<html>
<head>
<title>Mi album de fotografias</title>
</head>
<body>
<h1> Mi album de fotos en linea </h1>
<h3> Cargar archivo </h3>
<form action='<?php echo $_SERVER['PHP_SELF'] ?>' method="post" enctype="multipart/form-data">
<input type="file" name="archivo">
<input type="submit" name="submit" value="Cargar archivo">
</form>

<?php

$ruta="C:/wamp/www/Ejemplos/Imagenes/"; // Indicar ruta

if (isset($_FILES['archivo']) && $_FILES['archivo']['size'] > 0) {

    $tamanyomax = 200000; // Indicar tamaño en bytes
    $nombretemp = $_FILES['archivo']['tmp_name'];
    $nombrearchivo = $_FILES['archivo']['name'];
    $tamanyoarchivo = $_FILES['archivo']['size'];
    $tipoarchivo = GetImageSize( $nombretemp );

    if ($tipoarchivo[2] == 1 || $tipoarchivo[2] == 2){ //Gif o Jpg?

        if ($tamanyoarchivo <= $tamanyomax) { // Archivo demasiado grande?
        
            if (move_uploaded_file($nombretemp, $ruta.$nombrearchivo)) {
                echo "<p>El archivo se ha cargado <b>con exito</b>.
                      Tamaño de archivo: <b>$tamanyoarchivo</b> bytes,
                      Nombre de imagen: <b>$nombrearchivo</b><br></p>";
            }
            else {
                echo "<p>No se ha podido cargar el archivo.</p>";
            }
        } 
        else{
            echo "<p>El archivo tiene mas de <b>$tamanyomax bytes</b> y es demasiado grande.</p>";
        }
    }
    else {
    
        echo "<p>No es un archivo GIF o JPG valido.</p>";
    }

    echo "<form action='{$_SERVER['PHP_SELF']}' method='post'>
        <input type='submit' value='OK'></form>";
}

$filehandle = opendir($ruta); // Abrir archivos
    
    while ($file=readdir($filehandle)) {
        
        if ($file != "." && $file != "..") {
            $tamanyo = GetImageSize($ruta.$file);
            //echo "$ruta$file<br>";
            echo "<p><img src='$ruta$file' $tamanyo[3]><br></p>\n";
        }
    }

closedir($filehandle); // Fin lectura de archivos
?>
</body>
</html>

Entiendo que el problema viene en el trozo de código que abre los archivos y los visualiza:

Código PHP:

  $filehandle = opendir($ruta); // Abrir archivos
    
    while ($file=readdir($filehandle)) {
        
        if ($file != "." && $file != "..") {
            $tamanyo = GetImageSize($ruta.$file);
            //echo "$ruta$file<br>";
            echo "<p><img src='$ruta$file' $tamanyo[3]><br></p>\n";
        }
    }

closedir($filehandle); // Fin lectura de archivos

pero no consigo ver por qué no me funciona.

Agradecería enormemente un poco de ayuda.

Muchas gracias de antemano a tod@s.

Un saludo.

kai89 · #2 (**permalink**) 20/01/2013, 08:45

Has comprobado la ruta?? si has comprobado que la imagen se sube al directorio debe ser que la ruta al mostrarla o algo no esta bien.

Si el script no te sube las imagenes al directorio, es problema del script que carga las imagenes.

JairLizcano · #3 (**permalink**) 20/01/2013, 09:03

Déjame el siguiente output:

Código PHP:

  echo "<p><img src='$ruta$file' $tamanyo[3]><br></p>\n";

Te agradezco. Quedo atento.

aalleexx81 · #4 (**permalink**) 20/01/2013, 09:51

Las imágenes se suben al directorio de forma correcta, por lo que como indicaba en el mensaje inicial deduzco que el problema es en el código que muestra dichas imágenes.

JairLizcano ¿a qué te refieres con que te deje el siguiente output?

He imprimido las variables:

Código PHP:

  echo "$ruta$file<br>";

echo $tamanyo[3]."<br>";

la salida es el siguiente:

C:/wamp/www/Ejemplos/Imagenes/boca_de_sauron.jpg
width="335" height="395"

Por lo que deduzco que todo está correcto, cuando selecciono con el ratón aparece el espacion en la página designada para la imagen pero no aparece la imagen.

kai89 · #5 (**permalink**) 20/01/2013, 11:21

Yo creo que es la ruta de la imagen, como tu lanzas la ruta de la imagen no te va a mostrar la imagen:

Tu ruta es:

Cita:

$ruta="C:/wamp/www/Ejemplos/Imagenes/";

Y deberia ser asi:

Cita:

$ruta="file:///C|/wamp/www/Ejemplos/Imagenes/";

klyfa · #6 (**permalink**) 20/01/2013, 11:49

yo creo que tu ruta esta mal, no deveria ser la url absolute sino la url relativa
$ruta="http://localhost/Ejemplos/Imagenes/";

pruebo algo como

echo "<p><img src='http://localhost/Ejemplos/Imagenes/$file' $tamanyo[3]><br></p>\n";

para subir las imagnes si debe hacerse por la absoluta, si escribes en tu navagador

http://localhost/Ejemplos/Imagenes/unaimagen.jpg deberias visualizarla

aalleexx81 · #7 (**permalink**) 20/01/2013, 16:20

Finalmente he solucionado el problema creando otra variable para guardar la ruta relativa como comentaba klyfa.

Es decir:

Código PHP:

  $rutamuestra = "http://localhost/Ejemplos/Imagenes/";

Para después a la hora de recorrer el directorio y mostrar las imágenes el código quede de la siguiente forma:

Código PHP:

  $filehandle = opendir($ruta); // Abrir archivos

    

    while ($file=readdir($filehandle)) {

        

        if ($file != "." && $file != "..") {

            $tamanyo = GetImageSize($ruta.$file);

            echo "$ruta$file<br>";

            echo $tamanyo[3]."<br>";

            echo "<p><img src='$rutamuestra$file' $tamanyo[3]><br></p>\n";

        }

    }

 
closedir($filehandle); // Fin lectura de archivos

?>

Mil gracias a los dos.

Un cordial saludo.