如何获取动态加载的图像的宽度和高度？

如何获得动态加载的图像的宽度和高度？如何获取动态加载的图像的宽度和高度？

<img id="thumb_320" src="dscn6691_thumb_320.jpg">

来源

2011-04-19 JV10

你不能。这只是一个锚标签。它不具有图像本身的知识。你必须加载图片，然后抓住javascript的尺寸。 – 2011-04-19 04:18:35

如果您可以放弃IE6＆7（也可能是8），那么您可以使用Image（）对象。我认为你可以加载它而不渲染它，从而获得图像的尺寸。 – tjameson 2011-04-19 04:20:13

尝试使用Image对象。尽管如此，我确实不太确定兼容性。

这样一些代码可能看起来像：

var img = new Image(); 

img.onload = function(){ 
    alert('Width: ' + img.width +', Height: ' + img.height); 
} 

img.src = 'http://www.google.com/images/logos/ps_logo2.png';

例子： http://jsfiddle.net/EQdxw/2/

来源

2011-04-19 04:28:55

这可以使用图像ID而不是img.src吗？ – JV10 2011-04-19 04:46:38

只需添加一个ID即可。你必须有一个src，否则将没有图像加载。 – 2011-04-19 04:51:37

刚刚在IE7和IE8中尝试过。两者都可以正常工作。 – Sylverdrag 2011-04-20 02:48:43

如何获取动态加载的图像的宽度和高度？

回答

相关问题