检测上传文件类型与大小的js代码

发布时间:2019-10-17编辑:脚本学堂
javascript代码实现的用于检测上传文件的大小、文件类型的代码,有需要的朋友,可以参考下。

完整代码如下:
 

复制代码 代码示例:
//检测图片
function checkPic(){
 var file=document.getElementById("picfile");
 if (checkExd(file.value)){
  if(checkSize(file.value)){
  return true;
  }else {
  return false;
  }
 }else{
 return false;
 }
}

//检测文件大小
function checkSize(fileName){
var img=new Image();
img.onerror = new Function("alert('文件不存在,或目标类型不匹配!');return false;");
img.onreadystatechange = function (){if (img.readyState == "complete"){
 if(img.fileSize>1*1024*1024){
  alert("文件超过1M");
  return false;}
 }
}
return true;
img.src=fileName;
}

//检测文件类型
function checkExd(fileName){
if(fileName.lastIndexOf(".")+1>=fileName.length){
 alert("文件类型不匹配");
 return false;
 }
var exd=fileName.substring(fileName.lastIndexOf(".")+1).toUpperCase();
if(exd=="GIF"||exd=="JPG"||exd=="PNG"||exd=="BMP")
 return true;
else {
 alert("文件类型不匹配");
 return false;
 }
}
编辑推荐:php检测文件头信息 判断文件类型

#--->>常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)