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 相关文章推荐
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
浅谈node的事件机制
Oct 09 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 Javascript
如何用Node写页面爬虫的工具集
Oct 26 Javascript
小程序实现图片移动缩放效果
May 26 Javascript
JS script脚本中async和defer区别详解
Jun 24 Javascript
详解React 条件渲染
Jul 08 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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php实现mysql封装类示例
2014/05/07 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
2012/06/20 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
JavaScript变量类型以及变量作用域详解
2017/08/14 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
python和shell变量互相传递的几种方法
2013/11/20 Python
在Python中使用第三方模块的教程
2015/04/27 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
python实现批量监控网站
2016/09/09 Python
python九九乘法表的实例
2017/09/26 Python
对python中的argv和argc使用详解
2018/12/15 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
详解python logging日志传输
2020/07/01 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
JAVA招聘远程笔试题
2015/07/23 面试题
Java基础类库面试题
2013/09/04 面试题
报到证丢失证明
2014/01/11 职场文书
公司晚会策划方案
2014/05/17 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS