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 相关文章推荐
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
jquery中filter方法用法实例分析
Feb 06 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
PHP读MYSQL中文乱码的解决方法
2006/12/17 PHP
神盾加密解密教程(二)PHP 神盾解密
2014/06/08 PHP
php工具型代码之印章抠图
2018/07/18 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
JS 控制CSS样式表
2009/08/20 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
2019/09/02 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
python自动翻译实现方法
2016/05/28 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Python SQLite3简介
2018/02/22 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
详解python metaclass(元类)
2020/08/13 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
违反课堂纪律检讨书
2014/01/19 职场文书
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
大学学习计划书范文
2014/05/02 职场文书
工作保证书怎么写
2015/02/28 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL