js 判断附件后缀的简单实现方法


Posted in Javascript onOctober 11, 2016

实例如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 判断附件后缀的简单实现方法</title>
<script type="text/javascript">
//3、(字符)检查文件上传表单控件,如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”,否则“显示文件类型错误”
 
function checkFileExt(filename)
{
 var flag = false; //状态
 var arr = ["jpg","png","gif"];
 //取出上传文件的扩展名
 var index = filename.lastIndexOf(".");
 var ext = filename.substr(index+1);
 //循环比较
 for(var i=0;i<arr.length;i++)
 {
 if(ext == arr[i])
 {
  flag = true; //一旦找到合适的,立即退出循环
  break;
 }
 }
 //条件判断
 if(flag)
 {
 alert("文件名合法");
 }else
 {
 alert("文件名不合法");
 }
}
 
</script>
</head>
 
<body>
<form name="form1" method="post" enctype="multipart/form-data">
上传头像:<input type="file" name="uploadFile" onChange="checkFileExt(this.value)" />
</form>
<input type="button" value="返回上一页" onClick="javascript:history.go(-1)" />
</body>
</html>

以上就是小编为大家带来的js 判断附件后缀的简单实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
Jquery实现显示和隐藏的4种简单方式
Aug 28 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
AngularJS 验证码60秒倒计时功能的实现
Jun 05 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
微信小程序实现同一页面取值的方法分析
Apr 30 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
判断数组的最佳方法(推荐)
Oct 11 #Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 #Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 #Javascript
Bootstrap轮播插件使用代码
Oct 11 #Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 #Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 #Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 #Javascript
You might like
一个程序下载的管理程序(三)
2006/10/09 PHP
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
php实现购物车功能(上)
2020/07/23 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
2007/08/13 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
Python中几种操作字符串的方法的介绍
2015/04/09 Python
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
Python素数检测的方法
2015/05/11 Python
12步教你理解Python装饰器
2016/02/25 Python
python制作小说爬虫实录
2017/08/14 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
10个Python小技巧你值得拥有
2018/09/29 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
Python创建或生成列表的操作方法
2019/06/19 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
python GUI库图形界面开发之PyQt5滑块条控件QSlider详细使用方法与实例
2020/02/28 Python
pymysql模块使用简介与示例
2020/11/17 Python
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
俄罗斯电动工具和设备购物网站:Vseinstrumenti.ru
2020/11/12 全球购物
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
iPhone13将有八大升级
2021/04/15 数码科技