Javascript判断图片尺寸大小实例分析

2019-12-06 16:00:28来源：爱站网阅读 ()

我们在上传图片到网站的时候，可能会遇到限制图片大小，其实程序员可以用大小进行判断，本文是爱站技术频道小编介绍的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判断图片尺寸大小实例分析，其实我们不需要等待加载到页面后才进行判断。

原文链接:https://js.aizhan.com/develop/JavaScript/10543.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有