|
在CS后台代码中获取FileUpload控件上传文件的类型是比较容易的！那么，能否在客户端通过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控件上传文件的扩展名的实现方法，希望对大家的学习有所帮助。
| 
发表于 2018-12-25 05:14:11
