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 相关文章推荐
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
javascript读写json示例
Apr 11 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
Oct 24 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
微信小程序之事件交互操作实例分析
Dec 03 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
Vue computed 计算属性代码实例
Apr 22 Javascript
如何用JavaScipt测网速
May 09 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
解析isset与is_null的区别
2013/08/09 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
js jquery做的图片连续滚动代码
2008/01/06 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
python中readline判断文件读取结束的方法
2014/11/08 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
python内置模块collections知识点总结
2019/12/19 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
公司授权委托书
2014/10/17 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
介绍信怎么写
2015/05/05 职场文书
大学生团支书竞选稿
2015/11/21 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
nginx proxy_cache 缓存配置详解
2021/03/31 Servers
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
python 对图片进行简单的处理
2021/06/23 Python