【js】获取图片原始尺寸、判断图片是否加载完成

获取图片原始尺寸

var img = document.getElementById("#img");
console.log(img.naturalWidth)		 //获取图片原始宽
console.log(img.naturalHeight)		 //获取图片原始高
//适用于现代浏览器

判断图片是否加载完成

1，load事件

		var img = document.getElementById("#img");
		img.onload = function() {
            console.log("图片加载完成");
        }

2,img的complete属性

			var img = document.getElementById("#img");
			setInterval(function() {
                if (img.complete) {
 					console.log("图片加载完成");
                    clearInterval(timer)
                }
            }, 50)

多图

		var imgArr = [];
		function imgLoad(srcArr, number) {
			var img = srcArr[number];
			timer = setInterval(function() {
				if (img.complete) {
				console.log("图片完成，开始下一张");
					clearInterval(timer);
					imgLoad(srcArr,number + 1);
				}
			}, 50)
		}

		imgLoad(imgArr, 0)