08 - Curso de PHP 👨💻 ( script para pre-visualizar las imágenes 💻)

Duración: 11 min
Módulo: Módulo Usuarios Lección 6 de 15
Anterior
07 - Curso de PHP 👨💻 ( Formulario de Creación de Usuarios 👨‍👨‍👦‍👦👨‍👨‍👧‍👧👩‍👩‍👦 💻)
Siguiente
09 - Curso de PHP 👨💻 ( como leer datos de un formulario 💻)

Descripción

Lección 8: 🖼️ Previsualizando la Foto de Perfil antes de Subir a tu Sistema de Farmacia

¡Hola de nuevo! 🚀 En esta lección, mejoraremos la experiencia de usuario de nuestro formulario. Te enseñaré un truco simple pero poderoso para que la imagen de perfil que selecciones se muestre en tiempo real, antes de ser guardada en la base de datos.

En esta lección, verás:

  • El Problema: 😕 Entenderás por qué es importante permitir que el usuario vea la imagen que ha seleccionado antes de enviarla al servidor.
  • La Solución: 🪄 Te guiaré en la implementación de un pequeño script que se encarga de previsualizar la imagen en tu navegador.
  • Código Práctico: 💻 Revisaremos el código paso a paso para asegurarnos de que el script funcione correctamente, verificando la extensión de la imagen y cargándola en la interfaz.
  • Prueba en Vivo: ✅ Te mostraré cómo funciona la previsualización al llenar todo el formulario de creación de usuarios, demostrando que la imagen se muestra instantáneamente junto a todos los demás datos.

¡Prepara tu código, porque en la próxima lección guardaremos toda esta información en la base de datos! 💾

$0.00
Iniciar sesión para inscribirse

Lecciones

Introducción e instalación
Lección 1. 01 - Curso de PHP 👨💻 (Introducción al curso 💻) 14 min
Lección 2. 02 - Curso de PHP 👨💻 (Creación y conexión a la base datos 💻) 14 min
Módulo Usuarios
Lección 1. 03 - Curso de PHP 👨💻 ( Creación de la tabla Usarios 👫👬👭 💻) 24 min
Lección 2. 04 - Curso de PHP 👨💻 ( Instalación de ADMIN LTE al proyecto 💻) 24 min
Lección 3. 05 - Curso de PHP 👨💻 ( Editando la plantilla de Admin Lte a nuestro proyecto 💻) 23 min
Lección 4. 06 - Curso de PHP 👨💻 ( Aprendiendo a usar include ('...'); 💻) 19 min
Lección 5. 07 - Curso de PHP 👨💻 ( Formulario de Creación de Usuarios 👨‍👨‍👦‍👦👨‍👨‍👧‍👧👩‍👩‍👦 💻) 25 min
Lección 6. 08 - Curso de PHP 👨💻 ( script para pre-visualizar las imágenes 💻) 11 min
Lección 7. 09 - Curso de PHP 👨💻 ( como leer datos de un formulario 💻) 19 min
Lección 8. 10 - Curso de PHP 👨💻 ( Controlador de inserción a la tabla usuarios CRUD - Create 💻) 24 min
Lección 9. 11 - Curso de PHP 👨💻 ( Respondiendo preguntas y añadiendo el genero 👧👨 💻) 16 min
Lección 10. 12 - Curso de PHP 👨💻 (🚀 Como subir 📤 imágenes a la base de datos 💻) 22 min
Lección 11. 13 - Curso de PHP 👨💻 (🚀 Como leer 📘 📙 registros de la base de datos 📥 CRUD - READ 💻) 26 min
Lección 12. 14 - Curso de PHP 👨💻 (🚀 Como cargar foto de perfil según el genero 👨👩 Parte 1 💻) 21 min
Lección 13. 15 - Curso de PHP 👨💻 (🚀 Como cargar foto de perfil según el genero 👨👩 Parte 2 💻) 11 min
Lección 14. 16 - Curso de PHP 👨💻 (🚀 Como VALIDAR datos del FORMULARIO 💻 antes de guardar a la Base de Datos 💻) 16 min
Lección 15. 17 - Curso de PHP 👨💻 (🚀 Poniendo ICONOS a los formularios 🎥 🎞 📽 📺 📷 📸 📹 📼 🔍 🔎 🕯 💡 🔦 💻) 14 min
Módulo Login
Lección 1. 18 - Curso de PHP 👨💻 (🚀 Creación de Login 💻) 19 min
Lección 2. 19 - Curso de PHP 👨💻 (🚀 Controlador del Login 💻 parte 1) 12 min
Lección 3. 20 - Curso de PHP 👨💻 (🚀 Controlador del Login 💻 parte 2) 13 min
Lección 4. 21 - Curso de PHP 👨💻 (🚀 Sesiones del Login 💻 ) 10 min
Lección 5. 22 - Curso de PHP 👨💻 (🚀 Cerrar Sesión del Login 💻 ) 10 min
Lección 6. 23 - Curso de PHP 👨💻 (🚀 Validando Correos 📧 de los usuarios 👨👧 💻 ) 17 min
Lección 7. 24 - Curso de PHP 👨💻 (🚀 Cargando datos del Usuario Logueado 💻 ) 19 min
Lección 8. 25 - Curso de PHP 👨💻 (🚀 Cargando datos del Usuario al MENU 💻 ) 16 min
Lección 9. 26 - Curso de PHP 👨💻 (🚀 Cargando datos del Usuario al MENU del Sistema 💻 ) 13 min
Módulo Roles
Lección 1. 27 - Curso de PHP 👨💻 (🚀 ROLES DE USUARIOS en el sistema 💻 ) 14 min
Lección 2. 28 - Curso de PHP 👨💻 (🚀 Encuesta para mas contenidos ¿? 💻 ) 10 min
Módulo Almacen
Lección 1. 29 - Curso de PHP 👨💻 (🚀 MENU para el rol de ALMACEN 💻 ) 8 min
Lección 2. 30 - Curso de PHP 👨💻 (🚀 Creación de la TABLA MEDICAMENTOS💻 ) 17 min
Lección 3. 31 - Curso de PHP 👨💻 (🚀 Form - Registro de Medicamentos 💻 parte 1) 11 min
Lección 4. 32 - Curso de PHP 👨💻 (🚀 Form - Registro de Medicamentos 💻 parte 2) 20 min
Lección 5. 33 - Curso de PHP 👨💻 (🚀 USO DE MODALS para laboratorios 💻 ) 16 min
Lección 6. 34 - Curso de PHP 👨💻 (🚀 Controller para Registrar Laboratorios 💻 ) 14 min
Lección 7. 35 - Curso de PHP 👨💻 (🚀 Cargando laboratorios dentro del 💻 select ) 16 min
Lección 8. 36 - Curso de PHP 👨💻 (🚀 Código Fuente del PROYECTO - Sistema de Farmacia 💻 ) 7 min
Lección 9. 37 - Curso de PHP 👨💻 (🚀 Pasando Variables por GET en la URL 💻 ) 11 min
Lección 10. 38 - Curso de PHP 👨💻 (🚀 Recibiendo las Variables por GET de la URL 💻 ) 12 min
Lección 11. 39 - Curso de PHP 👨💻 (🚀 Controller registro de Medicamentos 💻 ) 9 min
Lección 12. 40 - Curso de PHP 👨💻 (🚀 Cargar listado de MEDICAMENTOS de la BD💻 ) 27 min
Lección 13. 41 - Curso de PHP 👨💻 (🚀 Integrando DATA TABLES al proyecto 💻 ) 15 min
Lección 14. 42 - Curso de PHP 👨💻 (🚀 Cambiar el idioma al DATA TABLE 💻 ) 6 min
Lección 15. 43 - Curso de PHP 👨💻 (🚀 Editar Medicamentos Registrados - UPDATE 💻 ) 11 min
Lección 16. 44 - Curso de PHP 👨💻 (🚀 Cargando datos del Medicamentos 💻 ) 23 min
Lección 17. 45 - Curso de PHP 👨💻 (🚀 Controller - UPDATE de Medicamentos 💻 parte 1 ) 17 min
Lección 18. 46 - Curso de PHP 👨💻 (🚀 Controller - UPDATE de Medicamentos 💻 parte 2 ) 12 min
Lección 19. 47 - Curso de PHP 👨💻 (🚀 Eliminar Medicamentos 💻 ) 13 min
Lección 20. 48 - Curso de PHP 👨💻 (🚀 Controller DELETE de Medicamentos 💻 ) 14 min
Lección 21. 49 - Curso de PHP 👨💻 (🚀 Sumando Columnas de una Tabla 💻 parte-1 ) 13 min
Lección 22. 50 - Curso de PHP 👨💻 (🚀 Sumando Columnas de una Tabla 💻 parte-2 ) 10 min
Lección 23. 51 - Curso de PHP 👨💻 (🚀 Modulo de Pedidos de Medicamentos 💻 ) 11 min
Lección 24. 52 - Curso de PHP 👨💻 (🚀 Creación de la Tabla de Pedidos de Medicamentos 💻 ) 10 min
Lección 25. 53 - Curso de PHP 👨💻 (🚀 LISTAR Medicamentos que solo necesiten ser PEDIDOS 💻 ) 13 min
Lección 26. 54 - Curso de PHP 👨💻 (🚀 LISTAR Medicamentos que solo necesiten ser PEDIDOS 💻 ) 10 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso