SUBIR Y MOSTRAR IMAGENES CON PHP Y MYSQL

Cómo subir imagenes con php y mysql?


echo “Hola, hoy aprenderemos a subir y mostrar imagenes con php y mysql utilizando solo una ruta”


¿Como subir y mostrar imagenes con PHP y Mysql?

En este Post Crearemos un formulario en html que validaremos con php (php form post) para subir nuestro archivo (upload file). En el caso de este tutorial será una imagen que guardaremos en nuestro servidor local y la ruta la guardaremos en nuestra base de datos Mysql.

Para subir y mostrar imagenes con php y mysql en el formulario html escribiremos enctype=“multipart/form-data” en method=»POST» y el campo INPUT de la foto será del tipo FILE. También tenemos un campo nombre que su INPUT es textnom para llamarlo en una consulta al final del video para mostrar los datos almacenados.

Luego crearemos una conexión con nuestra base de datos en Mysql, El nombre de nuestra base de datos es: «subir foto» con una tabla que de nombre es llamada «foto» que tiene 3 campos con la siguiente estructura:

  • codigo (int 11) AUTO_INCREMENT
  • nombre (varchar 30)
  • foto (varchar 200)

En nuestro archivo valida_foto.php recuperaremos nuestros campos del formulario html. (php script) y almacenaremos la ruta de la foto en nuestra base de datos mysql y guardaremos el archivo en nuestro servidor local dentro de la carpetea fotos.

Tener En Cuenta:

Para un mejor estilo puedes usar CSS, pero támbién puedes usar Bootstrap.

¿Que es Boostrap?

-Bootstrap es una biblioteca para diseños de sitios y aplicaciones web. Y en mi canal de Youtube tengo algunos videos donde te enseño como utilizar estilos para darle más vida a tus formularios.

Para mostrar la imagen lo haremos desde el mismo index, ya que es un archivo php, simplemente haremos una consulta a nuestra tabla foto (select * from foto) y llamaremos al nombre y a la ruta, al momento de mostrarlo hacemos un echo dentro del while para llamar al nombre y dentro de la etiqueta <img> llamamos la ruta y la enlazamos con nuestra carpeta foto.

A continuación dejaré el código del tutorial para que puedan practicar en sus casas:


index.html


conexion.php



valida_foto.php


Si no deseas tener que apretar f5 o actualizar la página de manera estática para mostrar las nuevas fotos que se suban a tu base de datos, puedes combinar este tutorial con el de Buscador de Datos en tiempo Real, y lo harás mediante Ajax.

Te gustaría Empezar a Ganar Criptomonedas Gratis? Te enseño aquí:

IR A SECCIÓN CRIPTOMONEDAS

🚀 SUSCRIBETE y sumate a esta comunidad Programadora en mi canal de YouTube haciendo click Aquí.

💛 COMPARTIR este Post, Alarga la Vida!💛

Contenido Relacionado

REPORTES ESTADISTICOS CON PHP Y MYSQL

⭐⭐⭐⭐⭐ Crearemos 4 tipo de Gráficos para nuestros Reportes Estadísticos con PHP y MySql, ejemplos prácticos Leer Más

COMO HACER REPORTES EN PHP PDF WORD Y EXCEL

⭐⭐⭐⭐⭐ Te enseñaré como hacer Reportes en PHP y MySql y exportarlo a PDF Word y Leer Más

COMO SUBIR ARCHIVOS CSV A MYSQL CON PHP

⭐⭐⭐⭐⭐ Aprenderemos como Subir Archivos CSV a MySql con PHP, Crearemos esta herramienta en un Formulario Leer Más

COMO HACER EFECTO LOADING con AJAX PHP Y MYSQL

⭐⭐⭐⭐⭐ Aprenderemos Hacer Efecto loading con ajax php y mysql en un formulario, Todo el Codigo Leer Más

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *