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在IE、FF浏览器的差别详细探讨
Apr 28 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
分享一个精简的vue.js 图片lazyload插件实例
Mar 13 Javascript
JavaScript实现旋转轮播图
Aug 18 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
微信小程序canvas动态时钟
Oct 22 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
完善CodeIgniter在IDE中代码提示功能的方法
2014/07/19 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
jQuery插件开发的五种形态小结
2015/03/04 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
javascript的BOM
2016/05/03 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
将python图片转为二进制文本的实例
2019/01/24 Python
通过Python实现一个简单的html页面
2020/05/16 Python
Python并发请求下限制QPS(每秒查询率)的实现代码
2020/06/05 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
DTD的含义以及作用
2014/01/26 面试题
销售总监工作职责
2013/11/21 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
新闻发布会新闻稿
2015/07/17 职场文书
孙振耀退休感言
2015/08/01 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang