使⽤js获取图⽚原始尺⼨
浏览器中显⽰的图⽚⼤⼩未必是他真实的⾼和宽，⽐如像下⾯这样，我们给他加上宽和⾼的样式
<img src="IE.png" >
  这样在浏览器中显⽰的⼤⼩就是25px。那么我们如何获取图⽚的真实⼤⼩呢？，下⾯的代码就实现了这个功能复制代码代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<img src="IE.png" id="image" >
<script>
// 设置延时保证图⽚加载完成
setTimeout(function() {
var
图片下载站源码real_width,
real_height,
_im        = ElementById('image'),
im          = ateElement('img');
im.src      = _im.src,
real_width  = im.width,
real_height = im.height;
alert(real_width+'\n'+real_height);
},500);
</script>
</body>
</html>
注意：上⾯代码本⼈在IE7+和chrome上都测试过了，因为没有装IE6，所以没法测试。
⾮常好⽤的代码，本⼈⼤多数项⽬中都在使⽤，⼤家放⼼⽤吧

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。