[蛙蛙推荐]用JS自动生成等比例缩略图|中文方案文档站(提供各类方案下载,WORD文档下载,范文,案例等)

[原创]用js自动生成等比例所略图

<html>
<head>
<title>演示图片等比例缩小</title>
<script>
function wa_setimgautosize()
{
var img=document.all.img1;//获取图片
var maxwidth=200;//设置图片宽度界限
var maxheight=100;//设置图片高度界限
var heightwidth=img.offsetheight/img.offsetwidth;//设置高宽比
var widthheight=img.offsetwidth/img.offsetheight;//设置宽高比
if(img.readystate!="complete")return false;//确保图片完全加载
if(img.offsetwidth>maxwidth){
  img.width=maxwidth;
  img.height=maxwidth*heightwidth;
}
if(img.offsetheight>maxheight){
  img.height=maxheight;
  img.width=maxheight*widthheight;
}
}
</script>
</head>
<body>
<img src=""   border=0 id="img1" onload="wa_setimgautosize();">
<br>
<input id=inp type="file" onpropertychange="img1.src=this.value;">
</body>
</html>

[蛙蛙推荐]用JS自动生成等比例缩略图

[入库：2005年8月18日] [更新：2007年3月25日]