js图片等比例压缩

要求：用js对页面上的某图片进行处理，如果图片宽高大小都在规定范围内则不做处理，如果过宽或过高则等比例压缩至规定范围内

作法：

1、js代码

<script type="text/javascript">
var proMaxHeight = 185;
var proMaxWidth = 175;
　　
function proDownImage(ImgD){
　　　var image=new Image();
　　　 image.src=ImgD.src;
　　　if(image.width>0 && image.height>0){
        var ww = proMaxWidth/image.width;
        var hh = proMaxHeight/image.height;
　　　var rate = (ww < hh)?ww:hh;
　　if(rate <= 1){　
　　 ImgD.width = image.width*rate;
　　 ImgD.height =image.height*rate;
　　}
　　else {
　　　　ImgD.width = image.width;
　　　　ImgD.height =image.height;
　　　　　}
　　　}
}
</script> 

2、js方法的应用

<img src="test.jpg" οnlοad='javascript:proDownImage(this);' />

以上。

最后

以上就是冷傲爆米花为你收集整理的js图片等比例压缩的全部内容，希望文章能够帮你解决js图片等比例压缩所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。