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实现的表格分页实现代码
Jun 21 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
JavaScript加强之自定义event事件
Sep 21 Javascript
js制作简易年历完整实例
Jan 28 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
Javascript动画效果(4)
Oct 11 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
vue使用websocket的方法实例分析
Jun 22 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
ssm+vue前后端分离框架整合实现(附源码)
Jul 08 Javascript
详解vue路由
Aug 05 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制作静态网站的模板框架(四)
2006/10/09 PHP
PHP脚本的10个技巧(1)
2006/10/09 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php计算税后工资的方法
2015/07/28 PHP
PHP中的随机性 你觉得自己幸运吗?
2016/01/22 PHP
PHP7匿名类用法分析
2016/09/26 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
用JavaScript实现UrlEncode和UrlDecode的脚本代码
2008/07/23 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
js实现计算器功能
2020/08/10 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
Python 探针的实现原理
2016/04/23 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
Python中super函数的用法
2017/11/17 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
Python用Jira库来操作Jira
2020/12/28 Python
德购商城:德国进口直邮商城
2017/06/13 全球购物
家长评语和期望
2014/02/10 职场文书
志愿者服务感言
2014/02/27 职场文书
应聘教师求职信
2014/07/19 职场文书
社区活动总结
2015/02/04 职场文书
商务代表岗位职责
2015/02/15 职场文书
会计工作能力自我评价
2015/03/05 职场文书
面试复试通知单
2015/04/24 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python