JavaScript判断FileUpload控件上传文件类型

前端技术 2023/09/06 JavaScript

为了代码变得更加简捷，笔者使用了正则表达式来获取文件扩展名，如果读者对正则表达式不太了解或者从来没有接触过，请马上恶补一下吧！毕竟它非常重要，大多数的编程语言都支持正则表达式。

大家都知道，后台获取FileUpload扩展名方法：

string ext = Path.GetExtension(fu.PostedFile.FileName);

JS判断FileUpload控件上传文件的扩展名：

<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head runat=\"server\">
  <title>JS判断文件类型-乐猪网</title>
  <script type=\"text/javascript\">
    function CheckFileUpload() {
      var obj = document.getElementById(\'fu\');
      if (obj.value == \"\") {
        alert(\"请选择要上传的文件！\");
        return false;
      }
      var stuff = obj.value.match(/^(.*)(\\.)(.{1,8})$/)[3];
      if (stuff != \"zip\") {
        alert(\"文件类型不正确，请选择.zip文件！\");
        return false;
      }
      return true;
    }
  </script>
</head>
<body>
  <form id=\"form1\" runat=\"server\">
  <div>
    <asp:FileUpload ID=\"fu\" runat=\"server\" />
    <asp:Button ID=\"btnSave\" runat=\"server\" Text=\"保存\"
    OnClientClick=\"return CheckFileUpload();\" />
  </div>
  </form>
</body>
</html>

FileUpload 实例效果图：

以上就是JS判断FileUpload控件上传文件的扩展名的实现方法，希望对大家的学习有所帮助。

本文地址：https://www.stayed.cn/item/15192

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案