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 相关文章推荐
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
js编码、解码函数介绍及其使用示例
Sep 05 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
Vue瀑布流插件的使用示例
Sep 19 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
Sep 03 Javascript
Node 代理访问的实现
Sep 19 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
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 $_SERVER详解
2009/01/16 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
iis 7下安装laravel 5.4环境的方法教程
2017/06/14 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
jQuery实现tab标签自动切换的方法
2015/02/28 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
Python3 伪装浏览器的方法示例
2017/11/23 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
加热夹克:RAVEAN
2018/10/19 全球购物
迪士尼英国官方商店:shopDisney UK
2019/09/21 全球购物
快餐店的创业计划书范文
2014/01/29 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
为Centos安装指定版本的Docker
2022/04/01 Servers
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL