LogIn
FastLight Logo

Ejemplo de forms_image_preview en FastLight Framework

  • Inicio
  • Ejemplos de maquetación
  • GitHub
  • Previsualización

    En este ejemplo se muestra el funcionamiento de la previsualización de imágenes desde inputs de tipo file.

    Formulario con previsualización de imagen

    FastLight incorpora un pequeño script que nos permite realizar previsualizaciones de los ficheros de imagen que seleccionamos en los inputs de tipo file. Para usarlo, tan solo hay que añadir el fichero con <script src="js/preview.js"></script> y añadir las clases:

    Registro de usuario

    Por favor, rellena el formulario con tus datos. Observa que en la imagen de la derecha se mostrará una previsualización del fichero elegido como foto de perfil.

    Datos de usuario


    Previsualización de la imagen de perfil
    Previsualización de la imagen de perfil

    Fin del ejemplo forms_image_preview

    Lista de ejemplos.

    FastLight Framework, versión 1.8.3