JS控制FileUpload的上传文件类型实例代码


Posted in Javascript onOctober 07, 2016

JS代码如下:

function CheckFile(obj) { 
  var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上传的文件类型 
  if (obj.value == '') { 
    alert("让选择要上传的图片!"); 
    return false; 
  } 
  else { 
    var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:) 
    var isExists = false; 
    for (var i in array) { 
      if (fileContentType.toLowerCase() == array[i].toLowerCase()) { 
        isExists = true; 
        return true; 
      } 
    } 
    if (isExists == false) { 
      obj.value = null; 
      alert("上传图片类型不正确!"); 
      return false; 
    } 
    return false; 
  } 
}

ASP.NET前台代码如下:

<asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckFile(this);"/>

以上就是小编为大家带来的JS控制FileUpload的上传文件类型实例代码全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
用javascript实现在小方框中浏览大图的代码
Aug 14 Javascript
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 #Javascript
JS只能输入正整数的简单实例
Oct 07 #Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 #Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 #Javascript
JavaScript SHA512加密算法详细代码
Oct 06 #Javascript
JQuery PHP图片在线裁剪实例
Jul 27 #Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 #Javascript
You might like
set_include_path在win和linux下的区别
2008/01/10 PHP
PHP 字符串 小常识
2009/06/05 PHP
如何使用Strace调试工具
2013/06/03 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
Python中__init__和__new__的区别详解
2014/07/09 Python
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
Python正则表达式经典入门教程
2017/05/22 Python
详解Python用户登录接口的方法
2019/04/17 Python
python中有函数重载吗
2020/05/28 Python
美国最大点评网站:Yelp
2018/02/14 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
体育教育专业毕业生自荐信
2013/11/15 职场文书
《雾凇》教学反思
2014/02/17 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
任命书怎么写
2015/03/02 职场文书
男生贾里读书笔记
2015/06/30 职场文书
python脚本框架webpy的url映射详解
2021/11/20 Python
td 内容自动换行 table表格td设置宽度后文字太多自动换行
2022/12/24 HTML / CSS