js 可以控制图片的大小

 

< HTML >

< HEAD >

< TITLE >  New Document  </ TITLE >

< script  language ="javascript" >  
var  flag = false ;    // 控制小图
function  DrawImage(ImgD,maxwidth,maxheight){  
    var  image = new  Image(); 
   image.src = ImgD.src;  
    if (image.width > 0   &&  image.height > 0 ){  
    flag = true ;  
     if (image.width / image.height >= maxwidth / maxheight){  
      if (image.width > maxwidth){    
     ImgD.width = maxwidth;  
     ImgD.height = (image.height * maxwidth) / image.width;  
     } else {  
     ImgD.width = image.width;    
     ImgD.height = image.height;  
     }  
     }  
     else {  
      if (image.height > maxheight){    
     ImgD.height = maxheight;  
     ImgD.width = (image.width * maxheight) / image.height;       
     } else {  
     ImgD.width = image.width;    
     ImgD.height = image.height;  
     }  
     }  
    }  
   }   
</ script >  

</ HEAD >

< BODY >
< IMG   src = "https://p-blog.csdn.net/images/p_blog_csdn_net/lqscoke/310096/r_image003.jpg"  border =0   onload ="javascript:DrawImage(this,300,240);" >   

< br ></ br >
< IMG   src = "https://p-blog.csdn.net/images/p_blog_csdn_net/lqscoke/310096/r_image003.jpg"  border =0  width =300  height =240 >   



</ BODY >

</ HTML >