Javascript判断图片尺寸大小实例分析
来源：爱站网时间：2019-12-06编辑：网友分享
我们在上传图片到网站的时候，可能会遇到限制图片大小，其实程序员可以用大小进行判断，本文是爱站技术频道小编介绍的Javascript判断图片尺寸大小实例分析，一起来看看吧！
我们在上传图片到网站的时候，可能会遇到限制图片大小，其实程序员可以用大小进行判断，本文是爱站技术频道小编介绍的Javascript判断图片尺寸大小实例分析，一起来看看吧！
最简单办法：
复制代码 代码如下:
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr('width','240');
}
上面例子碰到如果页面没有加载完的时候，这时js就获取不了图片大小了，对此我们可以先判断加载完成否再判断图片大小。
复制代码 代码如下:
<img id="img2" src="images/1.jpg" />
<script language="JavaScript">
document.getElementById("img2").onload = function () {
alert("图片加载已完成");
}
</script>
或者采用jquery：
复制代码 代码如下:
$("#imageId").load(function(){
alert("加载完成！");
});
至此我们就可以对代码进行优化了
复制代码 代码如下:
$("#tlogo").load(function(){
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr('width','240');
}
});
本文是爱站技术频道小编为大家带来的Javascript判断图片尺寸大小实例分析，其实我们不需要等待加载到页面后才进行判断。
