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 ui(接口)介绍
Sep 17 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
浅谈JavaScript超时调用和间歇调用
Aug 30 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
Jquery Easyui表单组件Form使用详解(30)
Dec 19 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
微信小程序rich-text富文本用法实例分析
May 20 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
May 22 Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
jQuery实现飞机大战小游戏
Jul 05 jQuery
判断数组的最佳方法(推荐)
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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
PHP递归调用的小技巧讲解
2013/02/19 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
2012/12/28 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
JavaScript实现随机替换图片的方法
2015/04/16 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
python的Tqdm模块的使用
2018/01/10 Python
Python学习小技巧总结
2018/06/10 Python
Python列表对象实现原理详解
2019/07/01 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
Python collections.deque双边队列原理详解
2020/10/05 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
酷瑞网络科技面试题
2012/03/30 面试题
敬老文明号事迹材料
2014/01/16 职场文书
家居饰品店创业计划书
2014/01/31 职场文书
有创意的广告词
2014/03/18 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
说明书怎么写
2014/05/06 职场文书
八一建军节演讲稿
2014/09/10 职场文书
CSS 实现多彩、智能的阴影效果
2021/05/12 HTML / CSS
详解如何使用Nginx解决跨域问题
2022/05/06 Servers