javascript – 获取缩放图像的原始大小

前端之家收集整理的这篇文章主要介绍了javascript – 获取缩放图像的原始大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参见英文答案 > 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);
}

Source

最佳答案
一种方法是创建另一个图像元素,将其src设置为原始的src,然后读取其宽度.这应该是便宜的,因为浏览器应该已经缓存了图像.

var i = document.getElementById('myimg');

var i2 = new Image();
i2.onload = function() {
   alert(i2.width);
};

i2.src = i.src;

这是一个小提琴:http://jsfiddle.net/baZ4Y/

原文链接:https://www.f2er.com/js/429509.html

猜你在找的JavaScript相关文章