¿Cómo obtengo las dimensiones naturales de una imagen usando javascript o jquery?
Tengo este código hasta ahora:
var img = document.getElementById('draggable');
var width = img.clientWidth;
var height = img.clientHeight;
Sin embargo, esto me da los atributos html - estilos css. Quiero obtener las dimensiones del recurso de imagen real, del archivo.
Necesito esto porque al cargar una imagen, su ancho se establece en 0px y no tengo idea de por qué o dónde está sucediendo esto. Para evitarlo quiero obtener la dimensión real y restablecerlos. es posible?
Edit: Incluso cuando trato de obtener naturalWidth obtengo 0 como resultado. He añadido una foto. Lo extraño es que solo sucede cuando subo nuevos archivos y, al actualizar, funciona como debería.
