< 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 > http://www.cnblogs.com/jiny-z/archive/2006/10/24/537864.html