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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
JavaScript省市联动实现代码
Feb 15 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
Sep 26 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
通过JS判断联网类型和连接状态的实现代码
Apr 01 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 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
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
一波JavaScript日期判断脚本分享
2016/03/06 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
python进阶教程之文本文件的读取和写入
2014/08/29 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python Django批量导入不重复数据
2016/03/25 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
简单了解python变量的作用域
2019/07/30 Python
Django如何实现上传图片功能
2019/08/16 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
《天游峰的扫路人》教学反思
2014/04/25 职场文书
好媳妇事迹材料
2014/12/24 职场文书
2015年度党员个人总结
2015/02/14 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技