js检测上传文件大小和类型实例代码

在网站上传附件的时候一般要进行格式和文件大小验证，下面是一段实现这样功能的代码实例。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
function fileChange(target,id) { 
  var fileSize=0; 
  var filetypes=[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf"]; 
  var filepath=target.value; 
  var filemaxsize=1024*2;//2M 
  if(filepath){ 
    var isnext=false; 
    var fileend=filepath.substring(filepath.indexOf(".")); 
    if(filetypes && filetypes.length>0){ 
      for(var i =0; i<filetypes.length;i++){ 
        if(filetypes[i]==fileend){ 
          isnext = true; 
          break; 
        } 
      } 
    } 
    if(!isnext){ 
      alert("不接受此文件类型！"); 
      target.value =""; 
      return false; 
    } 
  }
  else{ 
    return false; 
  } 
  if (isIE && !target.files) { 
    var filePath = target.value; 
    var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
    if(!fileSystem.FileExists(filePath)){ 
      alert("附件不存在，请重新输入！"); 
      return false; 
    } 
    var file = fileSystem.GetFile (filePath); 
    fileSize = file.Size; 
  } 
  else { 
    fileSize = target.files[0].size; 
  } 
    
  var size = fileSize / 1024; 
  if(size>filemaxsize){ 
    alert("附件大小不能大于"+filemaxsize/1024+"M！"); 
    target.value =""; 
    return false; 
  } 
  if(size<=0){ 
    alert("附件大小不能为0M！"); 
    target.value =""; 
    return false; 
  } 
} 
window.onload=function(){
  var contractFileName=document.getElementById("contractFileName");
  contractFileName.onchange=function(){fileChange(this);}
}
</script> 
</head> 
<body> 
<input type="file" name="contractFileName" id="contractFileName"/> 
</body> 
</html>

代码描述：js检测上传文件大小和类型。js检测上传文件大小和类型实例代码

下载全部收藏

150 200

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册