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 tab标签页的制作
May 10 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
jQuery实现发送验证码并60秒倒计时功能
Nov 25 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
vue+webpack实现异步组件加载的方法
Feb 03 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
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 图像处理类1
2009/06/15 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
webpack打包nodejs项目的方法
2018/09/26 NodeJs
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
Python基于select实现的socket服务器
2016/04/13 Python
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
打印机墨盒:123Inkjets
2017/02/16 全球购物
继电保护工岗位职责
2014/01/05 职场文书
就业表自我评价分享
2014/02/06 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python
MIME类型中application/xml与text/xml的区别介绍
2022/01/18 HTML / CSS
如何利用python实现列表嵌套字典取值
2022/06/10 Python
Ubuntu安装Mysql+启用远程连接的完整过程
2022/06/21 Servers