js等比压缩图片代码
在显示图片的时候,由于我们上传的图片大小不一,会导致页面变乱,
直接在页面上规定图片长和宽,看到的图片会变形。可以用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组件来压缩,来生成小的图片。
转载:http://www.bcbbs.net/news/Content1547.aspx
分享到:
相关推荐
是一个很好的等比缩放图片的js代码,可以和好的用在前端页面。
废话不多说了,直接给大家贴php等比压缩图片大小的相关代码了,具体代码如下所示: <?php $im = imagecreatefromjpeg('D:phpplace.jpeg'); resizeImage($im,,,'xinde','.jpg'); function resizeImage($im,$max...
js等比缩放图片。 火狐,ie,谷歌都可以用。
图片压缩、图片等比缩放软件图片压缩、图片等比缩放软件
java图片等比压缩后裁剪
实现多个文件的上传以及图片的压缩,这里上传的是图片文件。
通过本段代码给大家介绍基于php实现等比压缩图片大小的相关知识,代码简单易懂,对php压缩图片相关知识感兴趣的朋友参考下吧
主要介绍了PHP 实现等比压缩图片尺寸和大小实例代码的相关资料,需要的朋友可以参考下
免费的图片批量等比缩小软件,压缩工具,压缩质量高。支持等比缩小和转换成1:1两种格式。支持文件夹一键压缩。
原生js可以使用canvas来压缩,但由于微信小程序对canvas有封装,使得利用canvas来压缩图片有了一些区别: 代码放在了git:https://github.com/jonyellow/code-diary/tree/master/小程序/图片压缩 直接上代码: ...
图片处理,剪切(默认取中间剪切和用户自定义剪切),非比例压缩,等比压缩,灰度处理,
图片等比等宽压缩图片验证码图片马赛克字体马赛克处理类
用该js代码可以实现图片的等比输出,从而有效的避免图片输出后过大或严重变形的问题
JQuery实现等比缩放图片插件,有需要的可以参考使用。
产品图与缩略图共用一个图片时,缩略图等比缩放,不变形。
图片无损压缩 图片无损等比例缩放 14MB的图片 压缩到 80% 之后 剩余100KB左右
图片自动等比缩放JS(实用) 直接加载调用,不受IE、TT、火狐影响
js+CSS 图片等比缩小并垂直居中实现代码.docx