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 相关文章推荐
JS 继承实例分析
Nov 04 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
Jun 18 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
jQuery实现弹出窗口中切换登录与注册表单
Jun 05 Javascript
js实现的简洁网页滑动tab菜单效果代码
Aug 24 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
Vue.js轮播图走马灯代码实例(全)
May 08 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
关于vue的列表图片选中打钩操作
Sep 09 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 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
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
php发送post请求的三种方法
2014/02/11 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
英国在线泳装店:Simply Swim
2019/05/05 全球购物
银行会计财务工作个人的自我评价
2013/10/29 职场文书
期末考试动员演讲稿
2014/01/10 职场文书
纠风工作实施方案
2014/03/15 职场文书
企业安全生产承诺书
2014/05/22 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
会计实训报告范文
2014/11/04 职场文书
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python
Python时间操作之pytz模块使用详解
2022/06/14 Python