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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
javascript动画算法实例分析
Jul 31 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
Aug 24 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
JavaScript数组排序功能简单实现
May 14 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 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学习之数据类型之间的转换代码
2011/05/29 PHP
php生成shtml类用法实例
2014/12/09 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
Vue组件开发初探
2017/02/14 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
[02:16]DOTA2英雄基础教程 干扰者
2014/01/15 DOTA
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
浅谈python 线程池threadpool之实现
2017/11/17 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
python动态视频下载器的实现方法
2019/09/16 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
深入浅析css3 border-image边框图像详解
2015/11/24 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
新春寄语大全
2014/04/09 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
结婚保证书
2015/01/16 职场文书
长城英文导游词
2015/01/30 职场文书
总经理年会致辞
2015/07/29 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP