COMO PREVISUALIZAR UNA IMAGEN CON JQUERY ANTES DE SUBIRLA


VEREMOS CÓMO HACER USO DE LA CLASE FILEREADER PARA MOSTRAR UNA VISTA PREVIA DE NUESTRA IMAGEN.



El html es muy sencillo, solo es necesario tener un input tipo file que es donde se selecciona la img que se quiere subir y tener una etiqueta img donde se va ha previsualizar la img; como se puede observar en la siguiente imagen.

Luego la parte del js consta de se debe de importar el JQuery con esta etiqueta script

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

Y el código funcional es este


Descargar código 

Gracias por visitar

Comentarios

Publicar un comentario

Entradas populares de este blog

Activar Corrector Ortográfico (Idioma Español) En Sublime Text 3

Imagen
Sublime Text - usar este magnífico editor de código y texto se a vuelto imprescindible para muchos desarrolladores, en este tutorial vamos a activar el corrector ortográfico para el idioma español. Activar el Corrector Ortográfico Para nuestra fortuna recién he descubierto un plugin que nos hace la vida mas fácil al ayudar a corregir nuestras palabras escritas en español, su nombre es Language - Spanish, para instalarlo solo tienes que realizar lo siguiente ctrl + shift + P , elige la opción Package Control - Install Package y cuando te cargue el buscador de plugin escribe Language - Spanish seleccionalo para instalarlo. Listo espero que les sirva. Como activar el corrector ortográfico  Debes dirigirte a la pestaña de View + Dictionary + Language - Spanish  + es_ES. para revisar nuestra ortografía presiona la tecla F6 ó la combinación de teclas Fn + F6
Leer más