Header Ads Widget

Ticker

6/recent/ticker-posts

Carga De Imágenes PHP Usando JQuery Y MySQL

Este es otro tutorial de carga de imágenes usando php, jQuery y MySQL. Ya he compartido el tutorial Carga, recorte y cambio de tamaño de imágenes usando PHP, jQuery y Ajax . Este tutorial está cargando la imagen en la carpeta y almacena el nombre de la imagen en la tabla de la base de datos. también puede usar el cuadro modal para cargar imágenes con la ayuda de la funcionalidad de recorte de imagen en el cuadro modelo usando el tutorial PHP .

Estoy usando jQuery para enviar imágenes y procesar datos del lado del servidor para que este tutorial ayude a cargar imágenes basadas en ajax usando php y jQuery. Hay muchos complementos de jQuery disponibles para recortar y cargar imágenes .

  • Biblioteca jQuery: biblioteca base para admitir otro complemento jquery
  • Boostrap 3: se utiliza para crear un diseño HTML impresionante
  • Index.php: Este es el archivo principal de este proyecto que contendrá el código HTML con el FORMULARIO de carga del archivo y el código jquery para enviar el formulario.
  • connection.php: Úselo para crear una conexión de base de datos con MySQL.
  • upload.php: este archivo contiene código php para cargar la imagen en la carpeta y guardar el nombre de la imagen en la tabla de la base de datos.

Carga Simple De Imágenes PHP Usando AJAX Y MySQL

Voy a crear d:/image_upload_codela carpeta y creado index.php archivo en esta folder.We va a crear testla base de datos y users_imagetabla, vamos a crear la tabla mediante el siguiente SQL,

La tabla users_imagecontendrá los detalles del usuario user, pass, email y profile_photo.

Paso 1: Crearemos un connection.phparchivo y agregaremos el siguiente código en este archivo para crear una conexión de base de datos con MySQL.

Puede cambiar el valor de la variable dbname , servername , username y password según las credenciales de su base de datos.

Paso 2: Agregaremos archivos de biblioteca bootstrap y jQuery en la sección principal del index.phparchivo.

Paso 3: Crearemos un formulario HTML en un index.phparchivo.

Hemos agregado el upload.phparchivo a la acción del elemento del formulario. Agregaremos el código jQuery para enviar el formulario ajax usando jQuery.

Paso 4: Agregaremos el código jQuery para enviar el formulario al pie de página index.php.

He agregado código para establecer el nombre de archivo en el texto de entrada. También he agregado el código jquery del formulario de envío, para enviar los datos del formulario al lado del servidor cuando el usuario haga clic en el botón Enviar.

Paso 5: Crearemos el upload.phparchivo y agregaremos el siguiente código.

Puede descargar el código fuente y ver la demostración desde el siguiente enlace.

Publicar un comentario

0 Comentarios