处理用户上传图片大小不一,前台显示的问题

  处理用户上传图片大小不一,前台显示的问题:

 

 

 

function  imgonLoad() ... {    var w = this.width;    var h = this.height;    var i = this.i;        //alert(w+'=='+h+'====='+i);    if(125*h/w>130)...{                                        document.getElementById('pic'+i).height=130;        document.getElementById('pic'+i).width=125*w/h;    }}   function  imgLoad(index,path) ... {                        try...{                            var imgT = new Image();                            imgT.i=index;                            imgT.onload = imgonLoad;                            imgT.src = path;                        }catch(e)...{                                                    }                        }

 

给每个图片设置,onload属性,

 

  < tr >                                    < td  align ="center"  valign ="middle"  height ="139"  background ="../images/festival/bar_01.gif"  class ="festival_pic" >< a  href ="#"  onClick ="MM_openBrWindow('<%=root%>/springart/ArtWorkAction.do?method=doViewDetailIndexShow&imageFileId=<%=vo.getImageFileId() %>&isAddHitRate=true&relationPk=<%=vo.getContentId() %>&tableName=content','作品瀏覽','scrollbars=yes,width=720,height=400')"    >< img  id ="pic0"  src ='<%=request.getContextPath()+gov.cca.ccasp.frontsite.common.helper.ImagePathHelper.getImageURL(vo.getImageUrl(),"small")  % > ' οnerrοr="showDefaultListImage(this)"   width="125"    border="0" > </ a ></ td >                                   < script > ...                                  imgLoad(0,'<%=request.getContextPath()+ImagePathHelper.getImageURL(vo.getImageUrl(),"small") %>');                                 </ script >                                  </ tr >

 

 

 参考:

var  img  =   new  image();img.src = src;img.onload  =   function () ... {      document.getElementById('img').src = img.src;}

 

 

function  draw()  ... {    var ctx = document.getElementById('canvas').getContext('2d');    var img = new Image();    img.src = 'images/rhino.jpg';    img.onload = function()...{      for (i=0;i<4;i++)...{        for (j=0;j<3;j++)...{          ctx.drawImage(img,j*50,i*38,50,38);        }      }    }  }