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 keycode总结
Feb 04 Javascript
checkbox 复选框不能为空
Jul 11 Javascript
jQuery的链式调用浅析
Dec 03 Javascript
jQuery操作input type=radio的实现代码
Jun 14 Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
高效利用Angular中内置服务$http、$location等
Mar 22 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
如何理解Vue前后端数据交互与显示
May 10 Vue.js
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 imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
python分析网页上所有超链接的方法
2015/05/08 Python
利用Python开发实现简单的记事本
2016/11/15 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
PHP开发工程师面试问题集锦
2012/11/01 面试题
C语言中break与continue的区别
2012/07/12 面试题
大学毕业感言100字
2014/02/03 职场文书
活动总结格式范文
2014/04/26 职场文书
2014年度个人工作总结
2014/11/07 职场文书
九年级语文教学反思
2016/03/03 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
JavaScript阻止事件冒泡的方法
2021/12/06 Javascript
深入理解 Golang 的字符串
2022/05/04 Golang