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

183 阅读 0 评论 121 点赞

我是靠谱客的博主端庄乌龟，最近开发中收集的这篇文章主要介绍JavaScript判断FileUpload控件上传文件类型，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

大家都知道，后台获取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 实例效果图：