js获取图片原始宽高

问题产生原因：在做等宽不等高瀑布流布局的时候需要将图片等比例缩小，每张图片的宽度是一定的，现在要根据图片宽度的缩放比例去缩放它的宽度。这个时候就要获取到图片的原始宽度和原始高度，（图片为用户上传，无法知道原始高度和宽度）。

解决办法：1.上网查了一圈发现，HTML5中有个属性可以查看，即naturalWidth 和naturalHeight属性。

var naturalW = img.naturalWidth;
var naturalH = img.naturalHeight;

2.上述方法已经在ie9+ 、firefox、chrome、safari和opera都支持了，如果要兼容ie8以下的，就要使用下面这个老方法了。

var image = document.getElementById('img');
var i = new Image();
i.src = image.src; var naturalW = i.width;
var naturalH = i.height;