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 相关文章推荐
javascript延时重复执行函数 lLoopRun.js
Jun 29 Javascript
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
JavaScript实用技巧(一)
Aug 16 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
vue路由插件之vue-route
Jun 13 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 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中\r \r\n \t的区别示例介绍
2014/02/08 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP加密解密函数详解
2015/10/28 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
php服务器的系统详解
2019/10/12 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
react-router中的属性详解
2017/06/01 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
以一段代码为实例快速入门Python2.7
2015/03/31 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
Python随机生成数模块random使用实例
2015/04/13 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
python sys,os,time模块的使用(包括时间格式的各种转换)
2018/04/27 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
python实现马丁策略的实例详解
2021/01/15 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
迪奥美国官网:Dior美国
2019/12/07 全球购物
旅行社优秀创业计划书
2014/08/16 职场文书
学校端午节活动方案
2014/08/23 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
生死牛玉儒观后感
2015/06/11 职场文书