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 相关文章推荐
告诉大家什么是JSON
Jun 10 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
浅谈webpack 构建性能优化策略小结
Jun 13 Javascript
实现Vue的markdown文档可以在线运行的方法示例
Dec 11 Javascript
Node.js系列之连接DB的方法(3)
Aug 30 Javascript
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
php addslashes和mysql_real_escape_string
2010/01/24 PHP
PHP 常用的header头部定义汇总
2015/06/19 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
微信小程序url与token设置详解
2017/09/26 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
Python比较两个图片相似度的方法
2015/03/13 Python
在Django的URLconf中使用命名组的方法
2015/07/18 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
药学专业大专生的自我评价
2013/12/12 职场文书
英语商务邀请函范文
2014/01/16 职场文书
工作迟到检讨书
2014/02/21 职场文书
纠风工作实施方案
2014/03/15 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
MySQL三种方式实现递归查询
2022/04/18 MySQL