最近由于项目需要,在实现图片的时候,若图片大于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实现控制图片显示大小的方法【图片等比例缩放功能】