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

标签 javascript

<分区>

如果我的图像是这样的,我如何从 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;

这是一个 fiddle :http://jsfiddle.net/baZ4Y/

关于javascript - 获取缩放图像的原始大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8579391/

相关文章:

javascript - struts2中如何使用arraylist显示 "no result found"

javascript - 设置超时函数回调静态变量

javascript - 我怎样才能允许 resizable() 增加大小超过初始大小?

javascript - 对话框中动态元素的单击事件

javascript - 文本溢出多个单元格 : Howto ignore text with Hover etc. 。?

javascript - 使 slider 滚动页面

javascript - 组件内部方法的调用由根来回答

javascript - Vue.js 中的外部 JS

javascript - 单击时页面自动刷新

javascript - 为什么在 Javascript 中使用正则表达式来验证经纬度?