zoukankan      html  css  js  c++  java
  • 使用JS验证文件类型

    项目中涉及到这一需求,在此贴出代码分享给大家,

    有2中方式,一种是input中使用accept 方式

    一种是使用js正则表达式判断,个人推荐使用js正则表达式,因为accept 有的浏览器并不支持,而且accept并不是强制。

    第一种

    <input  type="file" name="file" id="ck_attach_path" style="98%;" accept=".xls,.doc,.txt,.pdf"  />

    第二种

    <input type="file" name="file"   id="ck_attach_path" id="file" style="98%;" onchange="CheckFile(this);" >
            //文件上传验证.
                function CheckFile(obj) { 
                      var array = new Array('txt', 'pdf', 'doc','docx','xls','xlsx','pptx'); //可以上传的文件类型 
                      if (obj.value == '') { 
                        alert("选择要上传的文件!"); 
                        return false; 
                      } 
                      else { 
                        var fileContentType = obj.value.match(/^(.*)(.)(.{1,8})$/)[3]; 
                        var isExists = false; 
                        for (var i in array) { 
                          if (fileContentType.toLowerCase() == array[i].toLowerCase()) { 
                            isExists = true; 
                            return true; 
                          } 
                        } 
                        if (isExists == false) { 
                          obj.value = null; 
                          alert("上传文件类型不正确!"); 
                          return false; 
                        } 
                        return false; 
                      } 
                    }
  • 相关阅读:
    用C语言画个简单表格
    魔方阵 奇数偶数都成立
    HDU 1527 取石子游戏
    HDU 2669 Romantic
    21位花朵数(详解)
    博弈论总结(1)
    qsort排序(即快排)
    POJ 1061 青蛙的约会
    HDU 2176 取(m堆)石子游戏
    HDU1061 求n^n的最低位
  • 原文地址:https://www.cnblogs.com/yypr/p/10209374.html
Copyright © 2011-2022 走看看