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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
JavaScript 异步调用框架 (Part 2 - 用例设计)
Aug 03 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
JS的深浅复制详细
Oct 16 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原理之Session Gc的一个小概率Notice
2011/04/12 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
javascript中call和apply方法浅谈
2013/09/27 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
用Python的urllib库提交WEB表单
2009/02/24 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
对python文件读写的缓冲行为详解
2019/02/13 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
技术副厂长岗位职责
2013/12/26 职场文书
财务工作者先进事迹材料
2014/01/17 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
北京颐和园导游词
2015/01/30 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS