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

JavaScript031

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

<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"/>

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

$("#ms_upload_file").change(function(){

//检验非空和文件大小

if($(this).val() !== '' &&checkSize(this)) {//其他操作

}

})/**

* 函数:检查上传文件大小

* 输入:input的js对象

* 输出:

**/function checkSize(input) {

var Sys = {} var flag var filesize = 0 //判断浏览器种类

if (navigator.userAgent.indexOf("MSIE") >0) {

Sys.ie=true

}if (navigator.userAgent.indexOf("Firefox")>0) {

Sys.firefox=true

}//获取文件大小

if (Sys.firefox) {

filesize = input.files[0].size

} else if (Sys.ie){var fileobject = new ActiveXObject ("Scripting.FileSystemObject")//获取上传文件的对象

var file = fileobject.GetFile (input.value)//获取上传的文件

filesize = file.Size//文件大小

}//判断是否符合要求

if (filesize / (1024 * 1024) <5 ) {

flag = true

} else {

alert("附件过大,建议不要超过5M!")

flag = false

}return flag

}