JavaScript判断FileUpload控件上传文件类型
更新时间：2022年02月23日 16:57:22 投稿：lijiao
在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控件上传文件的扩展名的实现方法，希望对大家的学习有所帮助。
相关文章
本篇文章主要介绍了bootstrap实现动态进度条效果，进度条可以加强应用的用户体验效果，看到数字，具有一定的参考价值，有兴趣的可以了解一下。2017-03-03
这篇文章主要介绍了用js判断是否为360浏览器的实现代码,有时候我们需要判断是否为360浏览器，包括百度联盟后台就有这样的提示需要的朋友可以参考下2015-01-01
关于Getter与Setter大家一定不会陌生,下面简单介绍几种我所知道的在JavaScript中实现G/S的方法.2010-12-12
JS Promise axios 请求结果后面的.then() 是什么意思
本文主要介绍了JS Promise axios 请求结果后面的 .then() 是什么意思，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的2012-01-01
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
这篇文章主要介绍了纯JS实现的读取excel文件内容功能,结合实例形式分析了基于js相关插件进行Excel文件读取的相关操作技巧,需要的朋友可以参考下2018-06-06
下面小编就为大家带来一篇老生常谈JavaScript 正则表达式语法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
（推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib
（推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib...2007-04-04
这篇文章主要给大家介绍了关于如何全局重写小程序Page函数wx对象的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友可以参考下2022-08-08
在现代软件开发中,数据结构的设计至关重要,它直接影响到程序的性能和可维护性,TypeScript 作为一种静态类型的超集,为 JavaScript 带来了类型系统,本文将探讨如何利用 TypeScript 的接口（Interfaces）来优化数据结构,需要的朋友可以参考下2024-09-09
最新评论