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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
纯Javascript实现ping功能的方法
Mar 20 Javascript
js中日期的加减法
May 06 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
javascript表单正则应用
Feb 04 Javascript
AngularJS表格样式简单设置方法示例
Mar 03 Javascript
Vue.js 中的 $watch使用方法
May 25 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
JavaScript实现网页动态生成表格
Nov 25 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
判断数组的最佳方法(推荐)
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 数组教程 定义数组
2009/10/23 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
php读取远程gzip压缩网页的方法
2014/12/29 PHP
php session的锁和并发
2016/01/22 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
Vue脚手架编写试卷页面功能
2020/03/17 Javascript
使用Python获取Linux系统的各种信息
2014/07/10 Python
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
教师考核材料
2014/05/21 职场文书
2015年科室工作总结
2015/04/10 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
Python上下文管理器Content Manager
2021/06/26 Python
分享Python异步爬取知乎热榜
2022/04/12 Python
吉利入股戴姆勒后smart“长大了”
2022/04/21 数码科技