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 相关文章推荐
Dom 结点创建 基础知识
Oct 01 Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
js中document.write的那点事
Dec 12 Javascript
Vue.js一个文件对应一个组件实践
Oct 27 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
JavaScript实现多球运动效果
Sep 07 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另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
window.location和document.location的区别分析
2008/12/23 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
JavaScript Split()方法
2015/12/18 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
基于daterangepicker日历插件使用参数注意的问题
2017/08/10 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python利用正则表达式排除集合中字符的功能示例
2017/10/10 Python
Python异常处理操作实例详解
2018/08/28 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
解决python 未发现数据源名称并且未指定默认驱动程序的问题
2018/12/07 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
python 制作本地应用搜索工具
2021/02/27 Python
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
程序员经常用到的UNIX命令
2015/04/13 面试题
求职者应聘的自我评价
2013/10/16 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
财产分割协议书范本
2014/11/03 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
Python基本知识点总结
2022/04/07 Python