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 相关文章推荐
纯js实现的论坛常用的运行代码的效果
Jul 15 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
jquery validation验证表单插件
Jan 07 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
详解如何制作并发布一个vue的组件的npm包
Nov 10 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 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录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
PHP的一个基础知识 表单提交
2011/07/04 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
javascript数组的扩展实现代码集合
2008/06/01 Javascript
js 字符串操作函数
2009/07/25 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
2010/11/14 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
python实现哈希表
2014/02/07 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
python实现简单日期工具类
2019/04/24 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
Python简易开发之制作计算器
2022/04/28 Python