您当前的位置:首页 > 建站常识 > javascript

客户端js判断文件类型和文件大小即限制上传大小

2015-10-10

  由于项目需要!需要脚本在客户端判断大小和文件类型!自己网上找资料找的好辛苦!索性自己写了一个并测试 文件上传大小限制的一个例子,兼容ie6,ie7,ie8 ,Google Chrome,ff等浏览器。1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <html>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <head>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <script type="text/javascript">1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var isIE = /msie/i.test(navigator.userAgent) && !window.opera;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  function fileChange(target,id) {1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var fileSize = 0;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var filepath = target.value;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var filemaxsize = 1024*2;//2M1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(filepath){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var isnext = false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var fileend = filepath.substring(filepath.indexOf("."));1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(filetypes && filetypes.length>0){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  for(var i =0; i<filetypes.length;i++){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(filetypes[i]==fileend){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  isnext = true;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  break;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(!isnext){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  alert("不接受此文件类型!");1pM七七世界-网站建设|UI设计|人资系统|二次开发

  target.value ="";1pM七七世界-网站建设|UI设计|人资系统|二次开发

  return false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }else{1pM七七世界-网站建设|UI设计|人资系统|二次开发

  return false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if (isIE && !target.files) {1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var filePath = target.value;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var fileSystem = new ActiveXObject("Scripting.FileSystemObject");1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(!fileSystem.FileExists(filePath)){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  alert("附件不存在,请重新输入!");1pM七七世界-网站建设|UI设计|人资系统|二次开发

  return false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var file = fileSystem.GetFile (filePath);1pM七七世界-网站建设|UI设计|人资系统|二次开发

  fileSize = file.Size;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  } else {1pM七七世界-网站建设|UI设计|人资系统|二次开发

  fileSize = target.files[0].size;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  var size = fileSize / 1024;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(size>filemaxsize){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  alert("附件大小不能大于"+filemaxsize/1024+"M!");1pM七七世界-网站建设|UI设计|人资系统|二次开发

  target.value ="";1pM七七世界-网站建设|UI设计|人资系统|二次开发

  return false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  if(size<=0){1pM七七世界-网站建设|UI设计|人资系统|二次开发

  alert("附件大小不能为0M!");1pM七七世界-网站建设|UI设计|人资系统|二次开发

  target.value ="";1pM七七世界-网站建设|UI设计|人资系统|二次开发

  return false;1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  }1pM七七世界-网站建设|UI设计|人资系统|二次开发

  </script>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  </head>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <body>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  <input type="file" name="contractFileName" style="width: 500px;" onchange="fileChange(this);"/>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  </body>1pM七七世界-网站建设|UI设计|人资系统|二次开发

  </html>1pM七七世界-网站建设|UI设计|人资系统|二次开发

本文关键词:大小  文件  客户端  限制  类型  和文  脚本  例子  浏览器  测试  

一切精彩源自七七网络!我们倾力打造时尚潮流第一线!

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1