JavaScript 动态改变图片大小

2019-12-25,,,,

最近由于项目需要,在实现图片的时候,若图片大于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限定图片显示大小的方法
  • JS获取图片实际宽高及根据图片大小进行自适应
  • JS+css 图片自动缩放自适应大小
  • css+js完美控制图片大小
  • js 加载时自动调整图片大小
  • 纯js实现div内图片自适应大小(已测试,兼容火狐)
  • JS自动缩小超出大小的图片
  • js获取图片大小的函数代码
  • JS检测图片大小的实例
  • JS实现控制图片显示大小的方法【图片等比例缩放功能】

《JavaScript 动态改变图片大小.doc》

下载本文的Word格式文档,以方便收藏与打印。