jquery判断上传文件类型与限制文件大小

发布时间:2019-08-05编辑:脚本学堂
分享一例jquery代码,用于判断上传文件类型,检测上传文件的大小,超出限制时给予提示。有需要的朋友参考下。

例子,判断上传文件类型与大小。

代码:
 

复制代码 代码示例:

$(document).ready(function(){
$("#form0").submit(function() {
var filepath=$("input[name='myFile']").val();
   var extStart=filepath.lastIndexOf(".");
   var ext=filepath.substring(extStart,filepath.length).toUpperCase();
   if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
     alert("图片限于bmp,png,gif,jpeg,jpg格式"); //检测允许的上传文件类型
     return false;
}
var img=new Image();
img.src=filepath;  

while(true){
   if(img.fileSize>0){
   if(img.fileSize>3*1024){      
     alert("图片不大于300KB。");  //检测允许的上传文件大小
     return false;
   }
break;
   }
}
return true;      
});
});