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 相关文章推荐
JavaScript去除空格的几种方法
Oct 03 Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
Vue组件之Tooltip的示例代码
Oct 18 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
详解a标签添加onclick事件的几种方式
Mar 29 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 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
不错的PHP学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
js string 转 int 注意的问题小结
2013/08/15 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
2017/10/20 Javascript
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
打开电脑上的QQ的python代码
2013/02/10 Python
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
Python中的choice()方法使用详解
2015/05/15 Python
web.py在SAE中的Session问题解决方法(使用mysql存储)
2015/06/24 Python
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
Python实现Event回调机制的方法
2019/02/13 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
python pycharm的安装及其使用
2019/10/11 Python
Python sys模块常用方法解析
2020/02/20 Python
基于Python实现简单学生管理系统
2020/07/24 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
英国露营设备和户外服装购物网站:Simply Hike
2019/05/05 全球购物
副总经理工作职责
2013/11/28 职场文书
简单的辞职信范文
2014/01/18 职场文书
房屋转让协议书范本
2014/04/11 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
《确定位置》教学反思
2016/02/18 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript