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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
Jquery Validate 正则表达式实用验证代码大全
Aug 23 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
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 高级课程笔记 面向对象
2009/06/21 PHP
php checkbox 取值详细说明
2010/08/19 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP生成树的方法
2015/07/28 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
node.js中的fs.appendFileSync方法使用说明
2014/12/17 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
go语言计算两个时间的时间差方法
2015/03/13 Python
python中__slots__用法实例
2015/06/04 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
我的五年职业生涯规划
2014/01/23 职场文书
中学生操行评语大全
2014/04/24 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电