S实现控制图片显示大小的方法【图片等比例缩放功能】
【需求】：读取磁盘中的图片，展示在弹出框中，等比例缩放图片，使图片显示完全。
（读取磁盘中的图片展示在前台，请参照我的另一篇文章：）
【开发】：
调用说明：
直接调用js函数即可。
我测试是一个p_w_picpath 标签中直接调用，如下：
<div><imgid="showImageimg"src="/sirdifoa/applycorrection/getImage.do?imgName=001.jpg"title="001.jpg"οnlοad="AutoResizeImage(500,500,this)"></div>
【效果】：
【js代码】：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>最新javascript自动按比例显示图片，按比例压缩图片显示</title><scripttype="text/javascript">functionAutoResizeImage(maxWidth,maxHeight,objImg){varimg=newImage();img.src=objImg.src;varhRatio;varwRatio;varRatio=1;varw=img.width;varh=img.height;wRatio=maxWidth/w;hRatio=maxHeight/h;if(maxWidth==0&&maxHeight==0){Ratio=1;}elseif(maxWidth==0){//if(hRatio<1)Ratio=hRatio;}elseif(maxHeight==0){if(wRatio<1)Ratio=wRatio;}elseif(wRatio<1||hRatio<1){Ratio=(wRatio<=hRatio?wRatio:hRatio);}if(Ratio<1){w=w*Ratio;h=h*Ratio;}objImg.height=h;objImg.width=w;}</script></head><body><br/>原图显示（534X800）<br/>οnlοad="AutoResizeImage(0,0,this)<br/><ahref="/file_p_w_picpaths/article/02/218121607044.jpg"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(0,0,this)"alt="534X800"/></a><br/><br/>1.按宽度250压缩,不限制高度按比例压缩<br/>οnlοad="AutoResizeImage(250,0,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(250,0,this)"alt="250X374"/></a><br/><br/>2.按高度250压缩,不限制宽度按比例压缩<br/>οnlοad="AutoResizeImage(0,250,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(0,250,this)"alt="166X250"/></a><br/><br/>3.按高度250宽度250按比例压缩<br/>οnlοad="AutoResizeImage(250,250,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(250,250,this)"alt="200X300"/></a><br/><br/>4.高宽不等比例压缩（400X512）,此时高度不变，会自动按高度的比例压缩。<br/>οnlοad="AutoResizeImage(400,512,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(400,512,this)"alt="341X512"/></a><br/><br/>5.高宽不等比例压缩（300X600）,此时宽度不变，会自动按宽度的比例压缩。<br/>οnlοad="AutoResizeImage(300,600,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/218121607044.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(300,600,this)"alt="300X449"/></a><br/><br/>6.如果图片本来的高度和宽度小于压缩的最大高度和宽度，则不会拉大显示图片（按原图显示）<br/>原图444x207,压缩为500x600,将保持原图显示<br/>οnlοad="AutoResizeImage(500,600,this)"<br/><ahref="/"target="_blank"><imgsrc="/file_p_w_picpaths/article/02/21812996.jpg"border="0"width="0"height="0"οnlοad="AutoResizeImage(500,600,this)"alt="444X207"/></a><br/><br/></body></html>
运行效果图如下：
