参见英文答案 > Determine original size of image cross browser? 5个
如果我的图像是这样的话,如何从javascript获取原始的,未缩放的图像大小:< img src =“picture.png”style =“max-width:100px”>?
我找到了答案,您可以使用img.naturalWidth来获取原始宽度
var img = document.getElementsByTagName("img")[0];
img.onload=function(){
console.log("Width",img.naturalWidth);
console.log("Height",img.naturalHeight);
}
最佳答案
一种方法是创建另一个图像元素,将其src设置为原始的src,然后读取其宽度.这应该是便宜的,因为浏览器应该已经缓存了图像.
原文链接:https://www.f2er.com/js/429509.htmlvar i = document.getElementById('myimg');
var i2 = new Image();
i2.onload = function() {
alert(i2.width);
};
i2.src = i.src;
这是一个小提琴:http://jsfiddle.net/baZ4Y/