1. 获取图片实际宽高
一般情况下,从DOM树中获取Image的宽、高都不是图片实际的宽高。 要获取图片的实际宽高,可以使用HTML5的新元素naturalWidth,naturalHeight。IE9, Firefox, Chrome, Safari 和 Opera都支持该属性: var img = document.getElementById(imgId); var width = img.naturalWidth; var height = img.naturalHeight;
对于IE8以下的浏览器,可以通过创建一个Image对象来获取图片的实际宽高:
var img = new Image();
img.src = src;
var width = img.width;
var height: img.height;
对于IE8以下的浏览器而言(或者所有浏览器),需要在图片加载成功后才能获取图片的宽高,可以通过load事件进行监控:
img.onload = function(){
var width = img.width;
var height = img.height;
//回调
callback(width,height);
}