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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
JS常用字符串处理方法应用总结
May 22 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
javascript如何创建对象
Aug 29 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
vue裁切预览组件功能的实现步骤
May 04 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 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代码运行时间查看类代码分享
2011/08/06 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
php实现倒计时效果
2015/12/19 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
javascript在myeclipse中报错的解决方法
2013/10/29 Javascript
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
Python+PyQt5实现美剧爬虫可视工具的方法
2019/04/25 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
Python如何将装饰器定义为类
2020/07/30 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
满月酒主持词
2014/03/27 职场文书
幼儿教师求职信
2014/05/24 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
工程承包协议书
2014/10/20 职场文书
舞出我人生观后感
2015/06/16 职场文书
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL