js获取判断上传文件后缀名的示例代码


Posted in Javascript onFebruary 19, 2014
function lastname(){
 //获取欲上传的文件路径
var filepath = document.getElementById("file1").value; 
//为了避免转义反斜杠出问题,这里将对其进行转换
var re = /(\\+)/g; 
var filename=filepath.replace(re,"#");
//对路径字符串进行剪切截取
var one=filename.split("#");
//获取数组中最后一个,即文件名
var two=one[one.length-1];
//再对文件名进行截取,以取得后缀名
var three=two.split(".");
 //获取截取的最后一个字符串,即为后缀名
var last=three[three.length-1];
//添加需要判断的后缀名类型
var tp ="jpg,gif,bmp,JPG,GIF,BMP";
//返回符合条件的后缀名在字符串中的位置
var rs=tp.indexOf(last);
//如果返回的结果大于或等于0,说明包含允许上传的文件类型
if(rs>=0){
 return true;
 }else{
 alert("您选择的上传文件不是有效的图片文件!");
 return false;
  }
}

备注说明:
1.先将该脚本保存成一个JS文件,然后包含到上传文件的页面当中;
2.在上传页面的表单中加入onsubmit="return lastname()"
Javascript 相关文章推荐
js Html结构转字符串形式显示代码
Nov 15 Javascript
javascript真的不难-回顾一下基础知识
Jan 15 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
Jun 07 Javascript
Javascript之Math对象详解
Jun 07 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 Javascript
JS立即执行函数功能与用法分析
Jan 15 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 #Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 #Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 #Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 #Javascript
JS执行删除前的判断代码
Feb 18 #Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 #Javascript
jquery的live使用注意事项
Feb 18 #Javascript
You might like
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP下10件你也许并不了解的事情
2008/09/11 PHP
PHP防止注入攻击实例分析
2014/11/03 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
Bootstrap媒体对象的实现
2016/05/01 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
Vue组件实例间的直接访问实现代码
2017/08/20 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
python中将字典形式的数据循环插入Excel
2018/01/16 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
python中的tcp示例详解
2018/12/09 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
Python 随机生成测试数据的模块:faker基本使用方法详解
2020/04/09 Python
Django实现celery定时任务过程解析
2020/04/21 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
求职推荐信
2013/10/28 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
高中班主任评语大全
2014/04/25 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
雷锋的故事观后感
2015/06/10 职场文书
青年联谊会致辞
2015/07/31 职场文书