欢迎光临
我们一直在努力

javascript等比压缩图片

建站超值云服务器,限时71元/月

在显示图片的时候,由于我们上传的图片大小不一,会导致页面变乱,
直接在页面上规定图片长和宽,看到的图片会变形。可以用javascript
实现等比压缩图片。
放入head里面  
<script  language="JavaScript">  
<!–  
var  flag=false;  
function  DrawImage(ImgD){  
     var  image=new  Image();  
     image.src=ImgD.src;  
     if(image.width>0  &&  image.height>0){  
       flag=true;  
       if(image.width/image.height>=  164/112){  
         if(image.width>164){      
         ImgD.width=164;  
         ImgD.height=(image.height*164)/image.width;  
         }else{  
         ImgD.width=image.width;      
         ImgD.height=image.height;  
         }  
         ImgD.alt=image.width+"×"+image.height;  
         }  
       else{  
         if(image.height>112){      
         ImgD.height=112;  
         ImgD.width=(image.width*112)/image.height;            
         }else{  
         ImgD.width=image.width;      
         ImgD.height=image.height;  
         }  
         ImgD.alt=image.width+"×"+image.height;  
         }  
       }  
}    
//–>  
</script>  
 
图片调用  
<a  href="http://www.sina.com.cn"  target="_blank">
<img  src="http://i3.sinaimg.cn/ty/k/
2007-11-18/U2136P6T12D3302307F44DT20071118133843.jpg" 
 border="0"  width="164"  height="112"  
onload="javascript:DrawImage(this);"></a>  
 
这样可以实现等比例缩放!但是这样的压缩的效果并不能改变
图片的真实大小,只是显示出来大小变化了,最好的方法是使
用aspjpeg组件来压缩,来生成小的图片。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » javascript等比压缩图片
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址