El tamaño de la imagen que se muestra en el navegador puede no ser su altura y ancho reales. Por ejemplo, como a continuación, le agregaremos estilos de ancho y altura.
<img src = "ie.png">
Esto muestra que el tamaño en el navegador es 25px. Entonces, ¿cómo obtenemos el tamaño real de la imagen? , el siguiente código implementa esta función
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
</ablo>
<Body>
<img src = "ie.png" id = "imagen">
<script>
// Establecer retraso para garantizar que se complete la carga de imagen
setTimeOut (function () {
varilla
Real_Width,
Real_Height,
_im = document.getElementById ('imagen'),
im = document.createElement ('img');
im.src = _im.src,
real_width = im.width,
real_height = im.height;
alert (real_width+'/n'+real_height);
}, 500);
</script>
</body>
</html>
Nota: He probado el código anterior en IE7+ y Chrome, porque no puedo probarlo porque IE6 no está instalado.
Código muy útil, lo uso en la mayoría de los proyectos, no dude en usarlo