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闭包实例讲解
Apr 22 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
初识Javascript小结
Jul 16 Javascript
基于JavaScript实现生成名片、链接等二维码
Sep 20 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
Jun 13 Javascript
JS实现炫酷轮播图
Nov 15 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
推荐文章系统(一)
2006/10/09 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
创建无限极分类树型结构的简单方法
2017/06/20 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
2012/12/26 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
微信小程序通过api接口将json数据展现到小程序示例
2017/01/20 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
浅谈JS获取元素的N种方法及其动静态讨论
2017/08/25 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
Layui选项卡制作历史浏览记录的方法
2019/09/28 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
Python新手入门最容易犯的错误总结
2017/04/24 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
Python进行特征提取的示例代码
2020/10/15 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
幼儿园教学管理制度
2014/02/04 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2015年党员岗位承诺书
2015/04/27 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
详解flex:1什么意思
2022/07/23 HTML / CSS