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 Ajax 实例全解析
Apr 20 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
jQuery过滤选择器用法示例
Sep 12 Javascript
domReady的实现案例
Nov 23 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
微信小程序HTTP请求从0到1封装
Sep 09 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 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
安装APACHE
2007/01/15 PHP
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
php将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
2015/03/03 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
jQuery操作cookie
2016/08/08 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
六行python代码的爱心曲线详解
2019/05/17 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
写给医院的感谢信
2015/01/22 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
IDEA 链接Mysql数据库并执行查询操作的完整代码
2021/05/20 MySQL
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL