为了代码变得更加简捷，笔者使用了正则表达式来获取文件扩展名，如果读者对正则表达式不太了解或者从来没有接触过，请马上恶补一下吧！毕竟它非常重要，大多数的编程语言都支持正则表达式。
大家都知道，后台获取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控件上传文件的扩展名的实现方法，希望对大家的学习有所帮助。
【JavaScript判断FileUpload控件上传文件类型】相关文章：
★ JQuery插件ajaxfileupload.js异步上传文件实例
★ Javascript通过overflow控制列表闭合与展开的方法
★ JavaScript中isPrototypeOf函数作用和使用实例