<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 οnlοad="javascript:setImgSize(this, 100, 100)"><br/><br/>
</body> </html>