可能重复:
Determine original size of image cross browser?
jquery get image size
有人能告诉我如何使用JS / JQ获得图像的实际大小? 谢谢 ! 尝试了很多来自这个网站的解决方案但没有成功......
var selector = $(".album_pics > img[id="+img_id+"]") ;
var old_width = selector.width() ;
不起作用..
答案 0 :(得分:9)
您可以使用naturalWidth
属性:
var img = document.getElementById('imageToTest'), // or whatever...
width = img.naturalWidth;
当然,这确实要求在执行JavaScript之前图像有时间加载(因此,在jQuery中,使用$(window).load()
方法)。它也是HTML5(我直到现在检查才知道)。
顺便说一下,正如名字所暗示的那样,还有naturalHeight
属性(如果有用)。
更新以添加稍微更具功能性的方法:
function showNaturalInfo(el) {
if (!el || el.tagName.toLowerCase() !== 'img') {
return false;
}
else {
var w = el.naturalWidth,
h = el.naturalHeight,
D = document,
details = D.createElement('span'),
detailsText = D.createTextNode('Natural width: ' + w + 'px; natural height: ' + h + 'px.');
details.appendChild(detailsText);
el.title = 'Natural width: ' + w + 'px; natural height: ' + h + 'px.';
el.parentNode.insertBefore(details, el.nextSibling);
}
}
var imgs = document.getElementsByTagName('img');
for (var i = 0, len = imgs.length; i < len; i++) {
showNaturalInfo(imgs[i]);
}
参考文献: