js 判断附件后缀的简单实现方法


Posted in Javascript onOctober 11, 2016

实例如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 判断附件后缀的简单实现方法</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)
 {
 alert("文件名合法");
 }else
 {
 alert("文件名不合法");
 }
}
 
</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>

以上就是小编为大家带来的js 判断附件后缀的简单实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript prototype属性使用说明
May 13 Javascript
jQuery图片滚动图片的效果(另类实现)
Jun 02 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
jQuery常用选择器详解
Jul 17 jQuery
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
Mar 08 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
微信小程序实现canvas分享朋友圈海报
Jun 21 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
判断数组的最佳方法(推荐)
Oct 11 #Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 #Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 #Javascript
Bootstrap轮播插件使用代码
Oct 11 #Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 #Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 #Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 #Javascript
You might like
农民和部队如何穿矿
2020/03/04 星际争霸
php常用表单验证类用法实例
2015/06/18 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
2019/03/14 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
python交互式图形编程实例(三)
2017/11/17 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
python实现PID算法及测试的例子
2019/08/08 Python
python datetime中strptime用法详解
2019/08/29 Python
详解centos7+django+python3+mysql+阿里云部署项目全流程
2019/11/15 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
印尼旅游网站:via
2017/11/12 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
银行门卫岗位职责
2013/12/29 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android