按比例显示缩略图,防止变形
<html>
按比例显示缩略图,防止变形
<head>
按比例显示缩略图,防止变形
<script language='javascript'>
按比例显示缩略图,防止变形
function showImg1(smallWidth, smallHeight)
按比例显示缩略图,防止变形{
按比例显示缩略图,防止变形    document.all.image1.src 
= document.all.file1.value;
按比例显示缩略图,防止变形    
按比例显示缩略图,防止变形    var bigWidth 
= document.all.image1.width;
按比例显示缩略图,防止变形    var bigHeight 
= document.all.image1.height;
按比例显示缩略图,防止变形    var div1 
= bigWidth/bigHeight;
按比例显示缩略图,防止变形    var div2 
= bigHeight/bigWidth;
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形    var n1 
= 0;
按比例显示缩略图,防止变形    var n2 
= 0;
按比例显示缩略图,防止变形    
if(bigWidth>smallWidth)
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        n1 
= bigWidth/smallWidth;
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形    
else
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        smallWidth 
= bigWidth;
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形    
if(bigHeight>smallHeight)
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        n2 
= bigHeight/smallHeight;
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形    
else
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        smallHeight 
= bigHeight;
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形    
if(n1!=0 || n2!=0)
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        
if(n1>n2)
按比例显示缩略图,防止变形        {
按比例显示缩略图,防止变形            smallHeight 
= smallWidth*div2;
按比例显示缩略图,防止变形        }
按比例显示缩略图,防止变形        
else
按比例显示缩略图,防止变形        {
按比例显示缩略图,防止变形            smallWidth 
= smallHeight*div1;
按比例显示缩略图,防止变形        }
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形    document.all.image2.width 
= smallWidth;
按比例显示缩略图,防止变形    document.all.image2.height 
= smallHeight;
按比例显示缩略图,防止变形    document.all.image2.src 
= document.all.file1.value;
按比例显示缩略图,防止变形}
按比例显示缩略图,防止变形
</script>
按比例显示缩略图,防止变形
</head>
按比例显示缩略图,防止变形
<body>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
<div id="div1">
按比例显示缩略图,防止变形      
<img id="image1">
按比例显示缩略图,防止变形
</div>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
<table border=1><tr><td width=100 height=100 align="center" valign="center">
按比例显示缩略图,防止变形    
<img id="image2" align="center">
按比例显示缩略图,防止变形
</td></tr></table>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
<form method="post" action="?action=get" action="">
按比例显示缩略图,防止变形
<input type="file" id="file1" onpropertychange="showImg1(100, 100);"><br/>
按比例显示缩略图,防止变形
</form>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
</body>
按比例显示缩略图,防止变形
</html>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形

按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
<html>
按比例显示缩略图,防止变形
<head>
按比例显示缩略图,防止变形
<script language='javascript'>
按比例显示缩略图,防止变形

按比例显示缩略图,防止变形
function setImgSize(obj, defaultWidth, defaultHeight)
按比例显示缩略图,防止变形{
按比例显示缩略图,防止变形    var width 
= obj.width;
按比例显示缩略图,防止变形    var height 
= obj.height;
按比例显示缩略图,防止变形    
if(width>defaultWidth || height>defaultHeight)
按比例显示缩略图,防止变形    {
按比例显示缩略图,防止变形        
if(width>height)
按比例显示缩略图,防止变形        {
按比例显示缩略图,防止变形            obj.style.width 
= defaultWidth;
按比例显示缩略图,防止变形        }
按比例显示缩略图,防止变形        
else
按比例显示缩略图,防止变形        {
按比例显示缩略图,防止变形            obj.style.height 
= defaultHeight;
按比例显示缩略图,防止变形        }
按比例显示缩略图,防止变形    }
按比例显示缩略图,防止变形}
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
</script>
按比例显示缩略图,防止变形
</head>
按比例显示缩略图,防止变形
<body>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
<img src="images/1.gif" border=0 onload="javascript:setImgSize(this, 100, 100)"><br/><br/>
按比例显示缩略图,防止变形
按比例显示缩略图,防止变形
</body>
按比例显示缩略图,防止变形
</html>

相关文章: