JavaScript 动态改变图片大小
更新时间：2009年06月11日 03:03:11 作者：
本文作者通实际操作，发现可以用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 均正常工作。
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 均正常工作。
相关文章
用javascript实现一下所谓的动态渐变，考虑动态原因就不上图了，我来简单介绍下思路2014-05-05
上传图片对图片进行一下预览，可以了解图片上传后大概会是什么样子，此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了。功能很简单，却很实用。2013-03-03
Javascript 字符串字节数获取功能多种方法2009-06-06
javascript 子窗体父窗体相互传值方法,一般都是用window.open函数，下面脚本之家给出具体的代码。2010-05-05
这篇文章主要介绍了JavaScript取得键盘按下方向键是哪个的方法,涉及javascript针对键盘按键事件的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了bootstrap表单示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了javascript获取当前的时间戳的方法汇总的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了浅谈webpack组织模块的原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
style、 currentStyle、 runtimeStyle区别分析
style、 currentStyle、 runtimeStyle区别分析,需要的朋友可以参考下。2010-08-08
这篇文章主要介绍了原生JavaScript实现弹幕组件的示例代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
最新评论