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的多选下拉框(自写)
May 05 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
浅谈JS日期(Date)处理函数
Dec 07 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
js添加事件的通用方法推荐
May 15 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 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&amp;java(一)
2006/10/09 PHP
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
JavaScript中日期函数的相关操作知识
2016/08/03 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017/02/17 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
在Django的URLconf中使用命名组的方法
2015/07/18 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
python自动下载图片的方法示例
2020/03/25 Python
金鑫耀Java笔试题
2014/09/06 面试题
社区活动总结报告
2014/05/05 职场文书
感恩教育活动总结
2014/05/05 职场文书
村安全生产责任书
2014/08/25 职场文书
英语感谢信范文
2015/01/20 职场文书
六一亲子活动感想
2015/08/07 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android