js判断上传文件后缀名是否合法


Posted in Javascript onJanuary 28, 2016

本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下

效果图:

选择文件

js判断上传文件后缀名是否合法

选择1.jpg文件

js判断上传文件后缀名是否合法

上传成功合法

js判断上传文件后缀名是否合法

除图片文件格式以外,其他都是不合法的操作。

具体代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>判断文件上传是否合法</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)
 {
  document.write("文件名合法");
 }else
 {
  document.write("文件名不合法");
 }
}

</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>

希望本文所述对大家学习javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery 简短右键菜单 多浏览器兼容
Jan 01 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
Javascript玩转继承(一)
May 08 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
深入浅析vue组件间事件传递
Dec 29 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
Angular中$compile源码分析
Jan 28 #Javascript
实例讲解JS中setTimeout()的用法
Jan 28 #Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 #Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 #Javascript
基于javascript实现动态显示当前系统时间
Jan 28 #Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 #Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 #Javascript
You might like
PHP_Flame(Version:Progress)的原代码
2006/10/09 PHP
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
整理Python最基本的操作字典的方法
2015/04/24 Python
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
windows 下python+numpy安装实用教程
2017/12/23 Python
利用nohup来开启python文件的方法
2019/01/14 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
Python实现不规则图形填充的思路
2020/02/02 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
3个CCIE对一个工程师的面试题
2012/05/06 面试题
自我评价的正确写法
2013/09/19 职场文书
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
大学四年个人自我小结
2014/03/05 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
股份合作协议书
2014/09/10 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
端午节寄语2015
2015/03/23 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记
Nginx的基本概念和原理
2022/03/21 Servers
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js