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

最新推荐文章于 2026-05-16 06:22:38 发布

原创最新推荐文章于 2026-05-16 06:22:38 发布 · 3.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#function #null #callback #浏览器 #ie

#string

收录于

javascript 专栏收录该内容

9 篇文章

订阅专栏

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

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.onload=img.onerror=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);
              });