jquery设置图片大小-用js设置图片宽度

<script type="text/javascript"> 

function validate_img(a){

 var file = a.value;

 if(!/.(gif|jpg|jpeg|png|GIF|JPG|png)$/.test(file)){

  alert("图片类型必须是.gif,jpeg,jpg,png中的一种");

  return false;

}else{

     var image = new Image();

      = file;

     var height = ;

     var width = ;

     var filesize = ;

  alert(height+"x.."+filesize);

     if(width>80 && height>80 && filesize>102400){

      alert('请上传80*80像素 或者大小小于100k的图片');

  return false;

     }

 }

 alert("图片通过");

}

</script> 

图像:<input type="file" name="uploadImg" onchange="Javascript:validate_img(this);" size="12"/>

测试的时候放服务器上测试,本地不行的哈～

function _go(sts){

   var  type = sts?1:-1;

    $('img').animate({width:750 + type * 250 ,height:260 + type * 130},2000,"linear",function(){

       _go(!sts);

    })

}

_go();

width 后面的750是中间值 250是波动值

具体大小可以自己调节

这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px,则:

<img src="images/" width="100" height="100" />

或者:

<img src="images/" style="width:100px; height:100px" />

当页面中图片非常多,且要求每张图片的大小依据其父容器来固定怎么办?可以使用max-weight:

img {max-weight:100%;}

这样图片会自动缩放到和其父容器等宽。