<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>