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 实例效果图:
更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。
以上就是JS判断FileUpload控件上传文件的扩展名的实现方法,希望对大家的学习有所帮助。
相关文章
JavaScript+html5 canvas制作色彩斑斓的正方形效果
这篇文章主要介绍了JavaScript+html5 canvas制作色彩斑斓的正方形效果,实例分析了JavaScript结合html5 canvas实现图形动态绘制的技巧,需要的朋友可以参考下2016-01-01关于JS中match() 和 exec() 返回值和属性的测试
这篇文章主要介绍了关于JS中match() 和 exec() 返回值和属性的测试 的相关资料,需要的朋友可以参考下2016-03-03JavaScript版DateAdd和DateDiff函数代码
VBScript中有两个非常好用的日期操作函数:DateAdd用来给日期添加指定时间间隔,DateDiff用来返回两个日期的时间间隔。可惜的是JavaScript没有,不过我们可以写一个函数来实现,一样的,呵呵2012-03-03
最新评论