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的文件是什么文件
Dec 06 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
jQuery function的正确书写方法
Aug 02 Javascript
js字符串转成JSON
Nov 07 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
Javascript 判断两个IP是否在同一网段实例代码
Nov 28 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
Nest.js散列与加密实例详解
Feb 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
解析PHP留言本模块主要功能的函数说明(代码可实现)
2013/06/25 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
js中有关IE版本检测
2012/01/04 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
Web打印解决方案之普通报表打印功能
2016/08/29 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
前端Vue项目详解--初始化及导航栏
2019/06/24 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
[02:33]DOTA2亚洲邀请赛趣味视频之吐真话筒
2018/03/31 DOTA
Python-基础-入门 简介
2014/08/09 Python
Python求导数的方法
2015/05/09 Python
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
python脚本第一行如何写
2020/08/30 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
nohup的用法
2014/08/10 面试题
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
2014年教研活动总结范文
2014/04/26 职场文书
小学班主任自我评价
2015/03/11 职场文书
盗窃案辩护词
2015/05/21 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电