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 相关文章推荐
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
js创建对象的方法汇总
Jan 07 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
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中strlen和mb_strlen函数的区别
2014/03/07 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
jquery validate demo 基础
2015/10/29 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
AngularJS中filter的使用实例详解
2017/08/25 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
nodejs实现用户登录路由功能
2019/05/22 NodeJs
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
python飞机大战pygame游戏框架搭建操作详解
2019/12/17 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
采购员的工作职责
2013/12/26 职场文书
个人工作表现评语
2014/04/30 职场文书
小学生常见病防治方案
2014/06/06 职场文书
民主评议党员个人总结
2015/02/13 职场文书
生日祝酒词大全
2015/08/10 职场文书
Python first-order-model实现让照片动起来
2022/06/25 Python