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 类、命名空间、代码组织代码
Jul 31 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
JS数组的常见用法实例
Feb 10 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
bootstrap读书笔记之CSS组件(上)
Oct 17 Javascript
VueJS全面解析
Nov 10 Javascript
JavaScript中数据类型转换总结
Dec 25 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
vue中v-model对select的绑定操作
Aug 31 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
php array的学习笔记
2012/05/16 PHP
php使用curl访问https示例分享
2014/01/17 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
JQuery的html(data)方法与<script>脚本块的解决方法
2010/03/09 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
两个select多选模式的选项相互移动(示例代码)
2014/01/11 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
python距离测量的方法
2018/03/06 Python
mac下如何将python2.7改为python3
2018/07/13 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
毕业生找工作的自我评价
2013/10/18 职场文书
社区十八大感言
2014/01/19 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
国培远程培训感言
2014/03/08 职场文书
小学课外阅读总结
2014/07/09 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
党员干部群众路线个人整改措施
2014/09/18 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
python 逐步回归算法
2021/04/06 Python
php将xml转化对象的实例详解
2021/11/17 PHP
centos7安装mysql5.7经验记录
2022/05/02 Servers