JavaScript判断FileUpload控件上传文件类型


Posted in Javascript onSeptember 28, 2015

为了代码变得更加简捷,笔者使用了正则表达式来获取文件扩展名,如果读者对正则表达式不太了解或者从来没有接触过,请马上恶补一下吧!毕竟它非常重要,大多数的编程语言都支持正则表达式。

大家都知道,后台获取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控件上传文件类型

更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

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

Javascript 相关文章推荐
Javascript 陷阱 window全局对象
Nov 26 Javascript
js文件缓存之版本管理详解
Jul 05 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
js实时获取窗口大小变化的实例代码
Nov 18 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
分享vue.js devtools遇到一系列问题
Oct 24 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
微信小程序实现点赞业务
Feb 10 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 #Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 #Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 #Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 #Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 #Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 #Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 #Javascript
You might like
十天学会php之第四天
2006/10/09 PHP
PHP has encountered an Access Violation
2007/01/15 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
JS类库Bindows1.3中的内存释放方式分析
2007/03/08 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
完美的js div拖拽实例代码
2016/09/24 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
Array数组对象中的forEach、map、filter及reduce详析
2018/08/02 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
python根据时间生成mongodb的ObjectId的方法
2015/03/13 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
wxPython使用系统剪切板的方法
2015/06/16 Python
Python中django学习心得
2017/12/06 Python
DataFrame 将某列数据转为数组的方法
2018/04/13 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
详解Python字典的操作
2019/03/04 Python
用Python从0开始实现一个中文拼音输入法的思路详解
2019/07/20 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
2014年驻村干部工作总结
2014/11/17 职场文书
会计人员岗位职责
2015/02/03 职场文书
党员承诺书格式范文
2015/04/28 职场文书
2016大学生暑期社会实践心得体会
2016/01/14 职场文书
MySQL Server层四个日志的实现
2022/03/31 MySQL