PHP-Z

前端

JavaScript 动态改变图片大小

2016-9-4 09:23 发布者: 大熊猫
JavaScript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


本文作者通实际操作,发现可以用Javascript代码简单实现:对于图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。 
最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。经过研究发现,可以用Javascript代码简单实现。 
Javascript代码: 

<script> 
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } 
</script> 

页面代码: 

﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥ 

经测试在IE6,Firefox,Google Chrome 均正常工作。 

关注微信公众号

扫一扫关注微信公众号

PHP-Z_COM