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 相关文章推荐
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
Node.js中对通用模块的封装方法
Jun 06 Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
vue+node实现图片上传及预览的示例方法
Nov 22 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
原生js实现滑块区间组件
Jan 20 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下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
浅析javascript闭包 实例分析
2010/12/25 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
Python 错误和异常小结
2013/10/09 Python
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
详解CSS3中常用的样式【基本文本和字体样式】
2020/10/20 HTML / CSS
浅谈html5 响应式布局
2014/12/24 HTML / CSS
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
工商治理实习生的自我评价
2014/01/15 职场文书
机械设计及其自动化求职推荐信
2014/02/17 职场文书
小学老师寄语大全
2014/04/04 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
保密工作承诺书
2014/08/29 职场文书
2014年度党员自我评议
2014/09/13 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
结婚司仪主持词
2015/06/29 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android