2

En un archivo PHP alojado en un host virtual tengo un documento llamado example.php.

En este documento hay elementos DIV que contienen elementos IMG con src a un archivo llamado imagen.php pasándole parámetros. Pero el script lo tengo vacío porque no sé qué código debe contener para devolver bien las rutas de las imágenes.

El código de example.php ya estaba escrito por otra persona y no puedo cambiarlo, aparte son muchas imágenes, y es esto en lo que necesito ayuda.

Así esta escrito el código en example.php:

<div>
    <img src="imagenes/imagen.php?f=imagenes&amp;folder=foods&amp;type=salads&amp;desc=green&amp;dim=50&amp;id=23" alt="green salad 23">
</div>

En el mismo directorio donde esta example.php hay una carpeta llamada "imagenes" (donde también está el archivo imagen.php) con los subdirectorios "foods/salads/green_50" y ahí se encuentran todas las imágenes necesarias que puedan ser solicitadas por el documento example.com.

Yo intenté poner en el archivo imagen.php código obteniendo todos los valores de los parámetros con $GET[] y luego devolver con echo la ruta correcta pero creo que así no se hace porque no da resultado y no sé cómo hacer.

Si yo le cambio el src al div de arriba funciona todo bien, pero no puedo hacerlo en todos, son miles.

<div><img src="imagenes/foods/salads/green_50/23.png"></div>
15
  • Daniel bienvenido a Stackoverflow. Verás que he editado tu pregunta quitando los code snippets, ya que esa funcionalidad es para probar código que funcione. En tu caso no funcionará porque las rutas no son parte de este sitio, en esos casos es mejor poner el código simplemente, como está ahora. En cuanto a tu problema, no acabo de entender del todo lo que quieres, pero creo que sería más simple construir directamente las rutas de las imágenes que quieres, enlazando parámetros. Tú comentas que son muchas imágenes... pero si logras encontrar la lógica de esas muchas imágenes podrás automatizar.
    – A. Cedano
    Commented el 18 ene. 2018 a las 9:56
  • Y como hago eso? Commented el 18 ene. 2018 a las 17:24
  • OK ahora entiendo, gracias. Commented el 18 ene. 2018 a las 19:57
  • Lo que quiero es saber como crear el código en el archivo "imagen.php" para que devuelva las imagenes a los SRC de los DIV. Commented el 18 ene. 2018 a las 19:59
  • Daniel le falta claridad a tu pregunta, por ejemplo tú dices: ... y en esta ultima se encuentran todas las imágenes necesarias que puedan ser solicitadas por el documento example.com .... Y yo pregunto, ¿de qué manera el documento example.com solicita las imágenes?. ¿Las imágenes están, como dices, en un archivo dentro de un div?, ¿por qué no consideras una mejor organización de tu contenido, sin tener que depender quizá de algo complicado que alguien hizo? ¡Es que son muchas imágenes! No importa, si hay un mismo patrón, tú puedes sacarlas todas aparte, en un array , en un archivo...
    – A. Cedano
    Commented el 18 ene. 2018 a las 20:03

2 respuestas 2

2

Idealmente, en el código de example.php, en vez de generar el src como lo estás haciendo,

imagenes/imagen.php?f=imagenes&folder=foods&type=salads&desc=green&dim=50&id=23

te hubiese convenido directamente generar el src de la imagen. Pero como mencionaste que no podés modificarlo, vayamos al código de imagen.php.


En imagen.php no hay que imprimir la ruta, sino que hay que cargar la imagen directamente. Tené en cuenta que un archivo PHP normalmente genera un HTML, pero también puede generar cualquier otro recurso que entrega el servidor web, por ejemplo una imagen.

¿Cómo se da cuenta el navegador que recibió una imagen y no un HTML? Por el encabezado Content-Type, que desde el código se modifica así:

header('Content-Type: image/png');

Y luego, solamente hay que imprimir el contenido del archivo de imagen.



Código:

Primero tenemos que generar la ruta de la imagen:

<?php

//obtener los valores de ?f=imagenes&folder=foods&type=salads&desc=green&dim=50&id=23
// y generar la ruta foods/salads/green_50/23.png
$folder = $_REQUEST['folder'];
$type   = $_REQUEST['type'];
$desc   = $_REQUEST['desc'];
$dim    = $_REQUEST['dim'];
$id     = $_REQUEST['id'];

$imagen = $folder . '/' . $type . '/' . $desc . '_' . $dim . '/' . $id . '.png';

Y luego, si el archivo existe, vemos cuál es el MIME type (es diferente para png, jpg, etc.).

if ( file_exists($imagen) ) {
    $mime_type = image_type_to_mime_type(exif_imagetype($imagen));
    header( 'Content-Type: ' . $mime_type );
} else {
    //lo que debería hacer si no existe la imagen
    //se puede mostrar otra imagen, o devolver un 404
    http_response_code(404);
    die();
}

Ahora, si llegamos hasta acá, el archivo existe, ya enviamos el Content-Type, sólo tenemos que imprimir el contenido del archivo de la imagen:

readfile($imagen);
5
  • Mariano muchas gracias! funcionó a la perfección! Yo sabía que se podía. Un duda mas: si todas las imagenes tienen el atributo "alt" como en el ejemplo: alt="green salad 23", es necesario el "else" con lo que habrí que hacer si la imagen no existe? Gracias de nuevo capo! Commented el 19 ene. 2018 a las 3:43
  • @DanielMartinez el else, de la forma que está escrito ahora, es la forma correcta de decirle al navegador que la imagen no existe. De lo contrario, el navegador estaría esperando una imagen y recibiría un HTML vacío.
    – Mariano
    Commented el 19 ene. 2018 a las 4:23
  • 1
    Si por supuesto! entendiste muy bien aunque me costó explicarlo, y me ayudaste a resolver mi duda, ahora ya se algo nuevo, gracias, saludos! Commented el 19 ene. 2018 a las 4:39
  • solo que en la parte donde se recuperan los valores de los parametro falta la primera f, $f = $_REQUEST['f']; y luego añadirla a $imagen = $f. '/' .$folder . '/' . $type . '/'.................... Commented el 19 ene. 2018 a las 4:52
  • @DanielMartinez es que imagen.php ya se encuentra dentro de la carpeta imagenes... pero sí, es irrelevante si se mueve o si se genera otra ruta (la idea es la misma).
    – Mariano
    Commented el 19 ene. 2018 a las 4:54
0

El echo del fichero imagen.php no debe devolver la ruta de la imagen, sinó la imagen en sí, sería algo así:

imagen.php

<?php
    $foto = "";
    if(isset($_REQUEST["f"])) {
        $foto = $_REQUEST["f"];
        $image = imagecreatefrompng($foto); // $foto debe de ser la ruta a la imagen
        /* $image = imagecreatefromjpeg($foto); para jpg */
        /* $image = imagecreatefromgif($foto); para gif */
        header('content-type: image/jpeg');
        imagejpeg($image);
    }
?>
5
  • El concepto de la respuesta está bien, pero ¿Para qué crear un recurso GD en memoria cuando se puede volcar el contenido del archivo de imagen directamente?
    – Mariano
    Commented el 18 ene. 2018 a las 11:53
  • Es que hay en total 6 parametros, como hago para construir la URL a partir de estos? La imagagen que el archivo imagen.php debe devolver debe ser imagenes/foods/salads/green_50/23.png. Mariano podes explicar mas, que es un recurso GD? Commented el 18 ene. 2018 a las 16:47
  • Entiendo, como puedo hacer para volcar ese contenido del archivo de imagen directamente? Commented el 18 ene. 2018 a las 19:57
  • Gracias ahora lo sé jaja perdon @Mariano Commented el 19 ene. 2018 a las 4:13
  • He puesto este ejemplo porque lo cogí de una parte de una web en dónde lo uso para añadir una marca de agua a las imágenes a mostrar, por eso hay un recurso GD.
    – track3r
    Commented el 19 ene. 2018 a las 12:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.