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 Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 Javascript
jquery下组织javascript代码(js函数化)
Aug 25 Javascript
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
Javascript中Array.prototype.map()详解
Oct 22 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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 空格,换行,跳格使用说明
2009/12/18 PHP
php银联网页支付实现方法
2015/03/04 PHP
php内嵌函数用法实例
2015/03/20 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
2016/02/15 PHP
Laravel5.0+框架邮件发送功能实现方法图文与实例详解
2019/04/23 PHP
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
vue引入axios同源跨域问题
2018/09/27 Javascript
Nodejs模块的调用操作实例分析
2018/12/25 NodeJs
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
用Python实现QQ游戏大家来找茬辅助工具
2014/09/14 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
学生打架检讨书
2014/02/14 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
员工离职证明范本
2015/06/12 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers