jquery怎样限制上传图片的大小和像素宽高，分辨率

最新推荐文章于 2020-09-01 14:44:58 发布

zpz_326

最新推荐文章于 2020-09-01 14:44:58 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zpz_326/article/details/73511998

<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();

     image.src = file;

     var height = image.height;

     var width = image.width;

     var filesize = image.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"/>

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

追问

我在本地测试高，宽都是0，为什么在服务器上才行呢？

追答

因为JS是没有权限读取修改本地文件的。只有在服务器上通过url 下载到图片才能读取到图片的宽高大小。简单来说js要或者图片宽高是一定会在图片在服务器上下载完后才能获得