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 相关文章推荐
javascript 解析后的xml对象的读取方法细解
Jul 25 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
Nov 09 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
node.js如何操作MySQL数据库
Oct 29 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
vue 自定义的组件绑定点击事件
Apr 21 Vue.js
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
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
ie focus bug 解决方法
2009/09/03 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
[01:01]青春无憾,一战成名——DOTA2全国高校联赛开启
2018/02/25 DOTA
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
python使用pymysql实现操作mysql
2016/09/13 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
详解Python import方法引入模块的实例
2017/08/02 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python之随机数函数的实现示例
2020/12/30 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
北京某公司的.net笔试题
2014/03/20 面试题
出纳员的岗位职责
2014/02/22 职场文书
合作投资意向书
2014/04/01 职场文书
加入学生会演讲稿
2014/04/24 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
年度考核表个人总结
2015/03/06 职场文书
年底个人总结范文
2015/03/10 职场文书
利用python进行数据加载
2021/06/20 Python