Formulario con AJAX Upload, PHP y MySQL

/, jQuery, MySQL, PHP/Formulario con AJAX Upload, PHP y MySQL

En jQuery para fotos utilizando Ajax UpLoad y PHP desarrollamos un botón para publicar una imagen al servidor y mostrarla en pantalla, este ejemplo básico es la pauta para implementar esta funcionalidad en formularios mas complejos, por ejemplo, en Sistemas de Registro en Línea – registro de trabajos libres o inscripciones con fotografía – que implican que los datos sean guardados en una base de datos incluyendo el nombre del archivo en cuestión.

He recibido varios comentarios acerca de si es o no recomendable guardar los archivos como tal en la tabla de datos, en lo personal prefiero guardar solo el nombre del archivo sin olvidar que es recomendable cambiar el nombre para poder ligarlo con el registro al que pertenece.

En este tutorial desarrollaremos tal formulario pero utilizando jQuery File Upload una librería bastante robusta y con múltiples opciones que van desde un simple upload hasta una completa interfaz con botones de cancelación y borrado de archivos.

Formulario con ajax upload

Para que puedas ejecutar de forma correcta el código que escribiremos para Formulario con ajax upload, php y mysql es necesario descargar la estructura base de carpetas y librerías para mis tutoriales mas recientes, en los videos te indicaré la ruta en donde se deben subir los códigos.

Esta serie contará de tres videos:

  • Video 1: introducción al diseño y desarrollo de formulario con ajax upload.
  • Video 2: implementación y programación de funcionalidad para el formulario ajax upload.
  • Video 3: Validación y procesamiento de formulario – guardado en bases de datos

En conclusión podemos decir que hoy en día estan comenzando a crear aplicaciones web implementando formularios para la publicación y almacenaje de archivos, es importante destacar que antes de crear una de estas debemos establecer diversos puntos como seguridad, storage y tamaño de los archivos a publicar.

¿NECESITAS APOYO PARA TUS DESARROLLOS WEB?

Desarrollo aplicaciones web a la medida, sistemas integrales de registro y reservación de hospedaje, front y back end, formularios de contacto todo con twig, php, mysql, jquery.

Contáctame

¿Te ha agradado este artículo?

Te invito a compartirlo en tus redes sociales o en su defecto a registrarte en mi newsletter en donde recibirás información de cada nuevo post o tutorial que publique.
By | 2018-03-25T22:33:34+00:00 abril 12th, 2014|Categories: Desarrollo Web, jQuery, MySQL, PHP|Tags: , , |9 Comments
Desarrollador web front y back end, php, mysql, css3, html5, twitter bootstrap, jquery . . . twitero, bloguero, consultor de IT y padre de dos hermosos bodoques. Visita mi Perfil en Google +

9 Comments

  1. Fidel 21 julio, 2014 at 6:03 PM

    Hola¡ sus tutoriales son muy buenos y todos los códigos trabajan muy bien.
    Mi pregunta es la siguiente, se podría hacer un tutorial donde diga como subir varias fotos por ejemplo de un producto con sus datos, y subir la imágenes a una carpeta y los datos y las rutas a la base de datos.

    Ejemplo

    Producto:
    Precio:
    Detalles:
    foto1:
    foto2:
    foto3:

    Algún código que haga esto, he buscado por muchos sitios y no se encuentra en ningún sitio que hagan tutoriales de esta forma solo para subir la imagen o imágenes.
    Saludos Atentamente
    Fidel

    • Luis Fernando Cázares Bulbarela 21 julio, 2014 at 11:04 PM

      Hola buenas noches Fidel va a ser muy difícil que encuentras tutoriales tan completos y apegados a lo que necesitas, los encontrarás por separado y lo único que vas a tener que hacer es tratar de integrar y obtener la funcionalidad deseada.

      Saludos

  2. Abner Kruz 9 diciembre, 2014 at 6:31 PM

    Hola Luis, cree que me puede proporcionar el codigo de esto?

  3. […] Formulario con AJAX Upload, PHP y MySQL […]

  4. esneyder 4 septiembre, 2015 at 7:47 AM

    Muchas gracias,
    me lo que necesitaba.
    saludos

  5. Marcelo 1 febrero, 2017 at 9:10 PM

    sabes la verdad me perdi casi una hora por tus tutoriales y solo me saltan errores. ps para eso lo intentaba sin buscar ningun tipo de ayuda. te felicito por tus geniales tutoriales wuau sirven para mostrar como no hacer las cosas…. buena suerte… no te lo tomes a mal , a mi me re enfado perder una hora a lo mejor el problema es mi pc o algo tipo eso , pero boe yo perdi una hora viendo e intentado tus videos al pedo …

    • Luis Fernando Cázares Bulbarela 1 febrero, 2017 at 10:48 PM

      Lástima Marcelo, espero que pronto tengas una pc mas poderosa y puedas apreciar el contenido de mi sitio.

      Saludos

Comments are closed.

Desarrollo Web

Silex - Sistema de Registro