Header Ads Widget

Ticker

6/recent/ticker-posts

4 pasos para subir una imagen usando Ajax y JQuery

 En este artículo, creamos un sistema de carga de imágenes basado en Ajax. 4 pasos para crear una imagen de carga usando la funcionalidad Ajax ,

  • Creación de un formulario HTML con un campo de entrada de tipo de archivo.
  • Incluyendo el enlace Jquery CDN en el encabezado.
  • creando un script JQuery para publicar los datos de la imagen en el script de inserción PHP.
  • Creando una conexión PHP DB e inserta la imagen en la base de datos usando la consulta de inserción MySQL.

Crear un formulario HTML

Creamos un formulario HTML con un campo de entrada de tipo de archivo. Además, incluya el enctype atributo en el formulario porque este atributo es importante para publicar el tipo de archivo en la base de datos.

Incluyendo JQuery CDN

Es importante para la ejecución del código fuente de JQuery de la imagen de carga con ajax jquery.

Script JQuery para cargar imágenes usando AJAX

En este script de carga de imágenes ajax, tomamos los datos del formulario HTML y los publicamos en el archivo PHP para la inserción de la base de datos.

Insertar imagen en la base de datos usando MySQL

Primero, creamos la conexión de la base de datos PHP y obtenemos todos los datos del formulario que Ajax publica usando el$_POST método PHP .

Ejemplo completo de carga de imagen usando AJAX en PHP

Creando dos archivos PHP,

  • index.php
  • add.php (para inserción en la base de datos)

index.php

add.php

Publicar un comentario

0 Comentarios