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写的一个链表实现代码
Oct 25 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 Javascript
p5.js绘制旋转的正方形
Oct 23 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
第十三节--对象串行化
2006/11/16 PHP
php中文字母数字验证码实现代码
2008/04/25 PHP
用php的ob_start来生成静态页面的方法分析
2011/03/09 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
js替代copy(示例代码)
2013/11/27 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
python list使用示例 list中找连续的数字
2014/01/27 Python
简单解决Python文件中文编码问题
2015/11/22 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
使用django-guardian实现django-admin的行级权限控制的方法
2018/10/30 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
pymysql 开启调试模式的实现
2019/09/24 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
捷克原创男装和女装购物网站:Bolf.cz
2018/04/28 全球购物
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
给医务人员表扬信
2014/01/12 职场文书
致接力运动员广播稿
2014/02/17 职场文书
具结保证书
2015/01/17 职场文书
技术负责人岗位职责
2015/02/10 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
详解OpenCV曝光融合
2022/04/29 Python