Previsualización
En este ejemplo se muestra el funcionamiento de la previsualización de imagen
a partir del fichero seleccionado en un input de tipo file.
Formulario con previsualización de imagen
FastLight incorpora un script que nos permite realizar previsualizaciones
de los ficheros de imagen al seleccionarlos 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 los ID:
file-with-previewalinputde formulario.preview-imagea la imagen.
Para configurar las extensiones permitidas, podemos especificar
el atributo data-extensions en el input, donde las indicaremos
separadas por "pipes", por ejemplo "jpg|jpeg|png|gif|webp". Ojo porque
es sensible a mayúsculas y minúsculas.
Se muestra en el siguiente ejemplo, donde además se han añadido modales a la imagen.
Ejemplo
Código del ejemplo
Cargando el código del ejemplo...