Carga de imágenes usando AJAX con PHP & MySQLi

En este tutorial te mostraremos como cargar imágenes al servidor usando AJAX con PHP & MySQLi.

Creando nuestra base de datos

El primer paso es crear nuestra base de datos.
1. Abre phpMyAdmin.
2. Haga clic en bases de datos, cree una base de datos y asígnale el nombre que desees, para este tutorial nosotros la hemos llamado test_upload, pero tu puedes nombrarla como desees .
3. Después de crear una base de datos, haz clic en la pestaña importar, luego selecciona el archivo llamado “test_upload”, dicho archivo se encuentra dentro de la carpeta “db”. Ver la imagen a continuación para obtener instrucciones detalladas.
acionweb.site/blog/wp-content/uploads/2017/10/import_data.png”>

Creando nuestra conexión

A continuación, creamos nuestra conexión a nuestra base de datos. Esto servirá como el puente entre nuestros formularios y nuestra base de datos. Llamamos este archivo como conn.php .

index.php

Creamos nuestro formulario de carga y mostramos las imágenes cargadas en esta página

fetch_photo.php

 Este es nuestro código para obtener fotos cargadas de nuestra base de datos.

upload.php

Este es nuestro código para subir las imágenes  a nuestro servidor, y a la vez realizar la inserción de datos en nuestra tabla mysql.

custom.js

Por último, tenemos el archivo custon.js, el cual contiene nuestro código jQuery y AJAX para que al cargar la pagina se muestren las fotos almacenados en nuestra base de datos; ademas este archivo se encarga de enviar las peticiones al servidor vía ajax para realizar la carga de imágenes  e insertar los datos a nuestra tabla llamada “photo“.

Aquí termina este tutorial. Si tienes algún comentario o pregunta, no dudes en hacernos saber dejando un comentario a continuación.   Happy Coding 🙂