js判断上传文件大小(实例)

发布时间:2019-12-25编辑:脚本学堂
分享一个js判断上传文件大小的实例代码,在上传文件时,在客户端用js脚本判断文件大小很常见,有需要的朋友参考下。

例子,js判断上传文件大小。
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>上传文件大小检测_www.jb200.com</title>
    <Script language="javascript" type="text/javascript">
      function checkFileSize(filesizeKb) {
        try {
          if (document.all) { //页面内所有元素的一个集合,可判断是否是IE
            var filename = document.getElementById("filename").value;
            var fso = new ActiveXObject("Scripting.FileSystemObject");
            if (!fso.FileExists(filename)) {
              alert("上传文件不存在,请重新输入!");
              document.execCommand("undo"); //对网页的所有表单进行撤销的
              return false;
            }
            var file = fso.getfile(filename);
            var fileSize = file.size; //单位:b
            var fileSizeKb = fileSize / 1024; //转换为kb
            if (parseFloat(fileSizeKb) > parseFloat(filesizeKb)) {
              alert("当前文件大小为" + parseFloat(fileSizeKb) + "kb,最大上传文件大小为" + filesizeKb + "kb!");
              document.execCommand("undo"); //对网页的所有表单进行撤销的
              return false;
            } else {
              //alert("当前文件大小为"+parseFloat(fileSizeKb)+"kb!"); 
            }
            formname.submit();
          }
        } catch(e) {
          if (e.description == "Automation服务器不能创建对象") {
            alert("文件大小验证未生效!rn启用此验证,请如下修改浏览器设置:工具->Internet选项->安全->本地Intranet->自定义级别->ActiveX控件和插件->对没有标记为安全的ActiveX控件进行初始化和脚本运行->启用!");
            formname.submit();
          } else {
            //alert(e.description);
            //可能出现“拒绝访问”异常,刷新后又无此异常
            window.location.reload();
          }
        }
      }
    </script>
  </head>
  <body>
    <form name="formname" action="test2.jsp">
      <input type="file" name="filename" id="filename">
      <br>
      <input type="button" value="上传文件" onclick="checkFileSize(45)">
      <br>
    </form>
  </body>
</html>