js 获取远程图片大小（判断上传图片大小）

kinglilei

于 2011-09-16 14:30:40 发布

阅读量3.9k

点赞数

分类专栏： javascript 文章标签： function null callback 浏览器 ie string

本文链接：https://blog.youkuaiyun.com/kinglilei/article/details/6781961

版权

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的函数，用于获取图片的宽度和高度。该函数能够处理不同类型的图片源，并在非IE浏览器中正确触发加载完成事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;dispaly:none;');

    document.body.appendChild(img);	
	if(!+[1,]){//判断是否为IE浏览器
		if(img.complete){
			
			callback.call({"width":img.width,"height":img.height},null);
			BB_removeElement(img);
		}
	}
			img.οnlοad=img.οnerrοr=img.onreadystatechange=function(){	
				   if(img&&img.readyState&&img.readyState!='loaded'&&img.readyState!='complete'){			
					   return false;
					}
				img.onload = img.onreadystatechange = img.onerror = null;
				callback.call({"width":img.width,"height":img.height},null);
				  img.parentNode.removeChild(img);
				img=null;
			};
注：在非IE浏览器下，即使是缓存的图片载入也有onload触发。而在IE下却没有，所以用complete属性。

 调用方法：
getImageSize({
		img:''//（图片的url）
		oncomplete:function(){
                     alert('宽度：'+this.width+'，'+'高度：'+this.height);
              });