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.Jcrop的头像编辑器
Mar 01 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
ES6解构赋值的功能与用途实例分析
Oct 31 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
jquery实现抽奖功能
Oct 22 jQuery
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
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中调用ASP.NET的WebService的代码
2011/04/22 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
PHP微信红包生成代码分享
2016/10/06 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
js判断字符长度以及中英文数字等
2013/12/31 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
2017/07/12 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
python实现的udp协议Server和Client代码实例
2014/06/04 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
python dict乱码如何解决
2020/06/07 Python
如何用python 操作zookeeper
2020/12/28 Python
为什么会有内存对齐
2016/10/10 面试题
青春励志演讲稿
2014/04/29 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
城市创卫标语
2014/06/17 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
个人师德师风自我剖析材料
2014/09/29 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
外出考察学习心得体会
2016/01/18 职场文书