Como editar e ver imagens desde la base de datos PHP SQL

En la entrada anterior, trate el tema de la insercion de una imagen en una base de datos

En esta entrada voy a explicar como podemos consultar un registro de una base de datos que tenga una imagen asociada

Cuando subimos una imagen, hay que subirla junto a su archivo, para eso creamos una carpeta onde nuestro proyecto y orientamos su movida a esa carpeta

Asi que en este momento tenemos el registro de la base de datos y el archivo en dicha carpeta

nuestro objectivo es visualizar el registro y la imagen en la lista que tengamos en nuestra base de datos

Por ejemplo si tenemos 1000 registros de alunos por ejemplo, queremos ver el listado de los alunos pero tambien queremos ver quien son

...

Recepcion de los registros

Para obtenermos la recepcion de los registros, hacemos una consulta a la base de datos, y los repartimos por las deversa lineas con un foreach

Ejemplo del codigo de la recepcion de datos

Nota Cada vez que nos conectamos a la base de datos hay que abrir la conexion

//Abrimos la conexion
include_once('../../bd.php');
//Hacemos la consulta y la ejecutamos
$sql = ("SELECT * FROM tbl_portafolio");
$stmt = $pdo->prepare($sql);
$stmt->execute();
$lista_registros = $stmt->fetchAll(PDO::FETCH_ASSOC);
//Cerramos la conexion
$pdo = null; 
    

---

Distribuicion de los datos por las distintas lineas de una tabla

Tenendo ya la consulta preparada y ejecutada, nos falta distribuir los datos por la tabla

El bucle foreach es el indicado para estes casos

entonces en el inicio de una linea de la tabla abrimos el bucle foreach e lo cerramos al final de la linea

Ejemplo del codigo de la utilizacion del foreach

<?php foreach ($lista_registros as $registro) { ?>
    <tr class="">
        <td><?php echo $registro['id'] ?></td>
        <td><?php echo $registro['titulo'] ?></td>
        <td><?php echo $registro['subtitulo'] ?></td>
        <td> <img style="width:80px" src="./../../../assets/img/portfolio/<?php echo $registro['imagen'] ?>" alt="" />
        </td>
        <td><?php echo $registro['cliente'] ?></td>
        <td><?php echo $registro['categoria'] ?></td>
        <td><?php echo $registro['url'] ?></td>
        <td> <a name="" id="" class="btn btn-success" href="editar.php?txtId=<?php echo $registro['id'] ?>" role="button">Editar</a>
            <a name="" id="" class="btn btn-danger" href="index.php?txtId=<?php echo $registro['id'] ?>" role="button">Eliminar</a>
        </td>
    </tr>
<?php } ?>
    

Visualizacion de la imagen

Para visualizarmos la imagen hay que cambiar el nombre de la imagen por una etiqueta de imagen img ademas de le indicarmos la ruta del fichero

ejemplo

La linea de codigo del ejemplo anterior antes del cambio era de la seguiente forma

<td><?php echo $registro['imagen'] ?></td>
    

de esta manera solo viamos el nombre del archivo, pero la imagen no la viamos

Entonces cambiamos ese codigo por lo seguinte, incluindole la ruta del archivo

Ejemplo del cambio de codigo

        <td> <img style="width:80px" src="./../../../assets/img/portfolio/<?php echo $registro['imagen'] ?>" alt="" />
        </td>
    

La ruta el onde se encuentra el archivo, la vuestra puede ser bien menor...

Ir al indice

---