获得远程图片大小

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获得远程图片大小</title>
	<script type="text/javascript">
        function getImageSize(cfg){
		  var img = document.createElement('img'),
					callback = cfg.oncomplete;
		  img.src = typeof cfg.img == 'string' ? cfg.img : cfg.img.src;
		  img.setAttribute('style', 'position:absolute; visibility:hidden;');
		  document.body.appendChild(img);
		  img.onload = img.onerror = img.onreadystatechange = function () {
			if (img && img.readyState && img.readyState != 'loaded' && img.readyState != 'complete') return;
			img.onload = img.onreadystatechange = img.onerror = null;
			callback.call({"width": img.width, "height": img.height}, null);
			img.parentNode.removeChild(img);
			img = null;
		  };
		}
    
     
    
		
    </script>
</head>

<body>
<script type="text/javascript">
	(function(){
			getImageSize({
			  img: 'http://www.baidu.com/img/baidu_sylogo1.gif',
			  oncomplete: function () {
				alert('宽度' + this.width + ', ' + ' 高度:' + this.height);
			  }
			});
			getImageSize({
			  img: 'http://img.baidu.com/img/image/imglogo.gif',
			  oncomplete: function () {
				alert('宽度' + this.width + ', ' + ' 高度:' + this.height);
			  }
			});
	})();
</script>
</body>
</html>

知识共享许可协议
《获得远程图片大小》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

0 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     192.56ms