HTML5: cómo get la dimensión de la image

Tengo este script, se usa para get el ancho y el alto de la image cargada del browser.

reference: http://renevier.net/misc/resizeimg.html

function createReader(file) { reader.onload = function(evt) { var image = new Image(); image.onload = function(evt) { var width = this.width; var height = this.height; alert (width); // will produce something like 198 }; image.src = evt.target.result; }; reader.readAsDataURL(file); } for (var i = 0, length = input.files.length; i < length; i++) { createReader(input.files[i]); } 

Quiero acceder al ancho y alto del valor desde fuera de la function createReader . ¿Cómo puedo hacer eso?

One Solution collect form web for “HTML5: cómo get la dimensión de la image”

Cambie "createReader" para que pase una function de controller para que se llame cuando la image esté disponible:

 function createReader(file, whenReady) { reader.onload = function(evt) { var image = new Image(); image.onload = function(evt) { var width = this.width; var height = this.height; if (whenReady) whenReady(width, height); }; image.src = evt.target.result; }; reader.readAsDataURL(file); } 

Ahora cuando lo llames, puedes pasar una function para hacer lo que quieras con las dimensiones de la image:

  createReader(input.files[i], function(w, h) { alert("Hi the width is " + w + " and the height is " + h); }); 
  • HighCharts no está definido porque hay varias páginas HTML en el file Javascript
  • Implementación de interfaz de mosaico fluido JS
  • Multigrafos con javascript
  • Fuente de video de javascript blob
  • ocultar / mostrar la fila de la tabla a través de multiselect
  • HTML5 - localStorage elimina y borra todos los datos
  • Shocker, IE 11 tiene problemas con la validation de los numbers cuando se usa el atributo de paso. Alguien ha encontrado una solución para esto
  • Arrastrar y soltar Javascript HTML5
  • Desplazamiento horizontal en canvas. HTML5
  • Srcset parece no estar trabajando en el safari mobile en iOS7?
  • Totalmente buffer de video en Chrome
  • Kendo IU Stock Chart Navigator roto
  • ¿Alguna forma de comunicarse con WebView en Android?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.