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 小练习(实例代码)
Aug 07 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
javaScript给元素添加多个class的简单实现
Jul 20 Javascript
Angular.JS学习之依赖注入$injector详析
Oct 20 Javascript
JS正则表达式验证中文字符
May 08 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
Vuex中实现数据状态查询与更改
Nov 08 Javascript
vue.js 使用原生js实现轮播图
Apr 26 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基础之运算符的使用方法
2013/04/28 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
jQuery 一个图片切换的插件
2011/10/09 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
jQuery中focus事件用法实例
2014/12/26 Javascript
javascript中Object使用详解
2015/01/26 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
nodejs环境使用Typeorm连接查询Oracle数据
2019/12/05 NodeJs
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
python 简单的绘图工具turtle使用详解
2017/06/21 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
python3 配置logging日志类的操作
2020/04/08 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
挑战杯创业计划书的写作指南
2014/01/07 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
元旦晚会邀请函
2014/02/01 职场文书
合理化建议书
2015/02/04 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
关于的python五子棋的算法
2022/05/02 Python