Foros del Web » Programando para Internet » Javascript »

Validar imágen con js

Estas en el tema de Validar imágen con js en el foro de Javascript en Foros del Web. Estimados, mi consulta es sencilla, se puede obtener el alto y ancho de una imagen de un input file con js Eso, Saludos....
  #1 (permalink)  
Antiguo 29/01/2016, 15:39
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Validar imágen con js

Estimados, mi consulta es sencilla, se puede obtener el alto y ancho de una imagen de un input file con js

Eso, Saludos.
  #2 (permalink)  
Antiguo 29/01/2016, 16:22
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Validar imágen con js

Utiliza el constructor Image y el método .createObjectURL() de la interface URL. Con el primero crearás un nuevo elemento HTMLImageElement, mientras que con el segundo obtendrás la ruta del archivo subido, pudiendo así asignarlo al elemento de imagen, mismo que posee las propiedades width y height.

Código Javascript:
Ver original
  1. document.querySelector("#id del <input>").addEventListener("change", function(){
  2.     var file = this.files[0], image = new Image();
  3.     image.src = URL.createObjectURL(file);
  4.     image.addEventListener("load", function(){
  5.         console.log("Ancho: " + this.width + "px");
  6.         console.log("Alto: " + this.height + "px");
  7.     }, false);
  8. }, false);

El script se ejecutará cuando se produzca el evento change en el <input>, es decir, cuando se haya elegido el archivo.

DEMO

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 31/01/2016, 10:01
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Validar imágen con js

muchisimas gracias !!!

Etiquetas: imágen, input, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:22.