Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 检测上传文件类型与大小的js代码

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

发布时间:2014-09-11   编辑:www.jquerycn.cn
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、手机号码、身份证号码、文件类型等)

您可能感兴趣的文章:
检测上传文件类型与大小的js代码
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js判断文件类型与文件大小限制上传大小
js判断上传文件类型与大小
js限制文件上传类型(示例)
jquery判断上传文件类型与限制文件大小
JS如何判断上传文件类型
asp.net上传文件小例子
js 判断客户端能否上网多种方法
JS判断上传文件大小(支持IE与Firefox)

关键词: JS判断上传文件类型   
[关闭]