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网页关闭时提醒效果脚本
Oct 22 Javascript
JS实现self的resend
Jul 22 Javascript
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
js call方法详细介绍(js 的继承)
Nov 18 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
js实现打地鼠小游戏
Feb 13 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
js类的继承定义与用法分析
Jun 21 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
一个捕获函数输出的函数
2007/02/14 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
Angular4 中内置指令的基本用法
2017/07/31 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
js闭包学习心得总结
2018/04/17 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
python批量同步web服务器代码核心程序
2014/09/01 Python
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
django 实现简单的插入视频
2020/04/07 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
财务部出纳岗位职责
2013/12/22 职场文书
个人评价范文分享
2014/01/11 职场文书
自我鉴定三原则
2014/01/13 职场文书
宿舍打麻将检讨书
2014/01/24 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
小学社会实践活动总结
2014/07/03 职场文书
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS