45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:如何使用JavaScript判断FileUpload控件上传文件类型?

如何使用JavaScript判断FileUpload控件上传文件类型?

2016-06-04 06:50:24 来源:www.45fan.com 【

如何使用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 实例效果图:

如何使用JavaScript判断FileUpload控件上传文件类型?

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


本文地址:http://www.45fan.com/bcdm/52188.html
Tags: JavaScript 判断 fileupload
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部