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