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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
用JavaScript隐藏控件的方法
Sep 21 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
详解React 元素渲染
Jul 07 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 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基本语法总结
2014/09/06 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
韩国11街:11STREET
2018/03/27 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
日语翻译个人求职的自我评价
2013/10/14 职场文书
护理学专业推荐信
2013/12/03 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
2014国培学习感言
2014/03/05 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
党支部活动策划方案
2014/08/18 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
军人离婚协议书样本
2014/10/21 职场文书
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
virtualenv隔离Python环境的问题解析
2022/06/21 Python