当前位置:asp编程网>技术教程>Javascript教程>  正文

javascript等比压缩图片

2007-11-18 15:50:10   来源:本站原创    作者:佚名   浏览量:2003   收藏
在显示图片的时候,由于我们上传的图片大小不一,会导致页面变乱,
直接在页面上规定图片长和宽,看到的图片会变形。可以用javascript
实现等比压缩图片。
放入head里面  
<script  language="JavaScript">  
<!--  
var  flag=false;  
function  DrawImage(ImgD){  
     var  image=new  Image();  
     image.src=ImgD.src;  
     if(image.width>0  &#38;&#38;  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组件来压缩,来生成小的图片。


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网