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 相关文章推荐
浏览器脚本兼容 文本框中,回车键触发事件的兼容
Jun 21 Javascript
js渐变显示渐变消失示例代码
Aug 01 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
Dec 27 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
Sep 04 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
javascript面向对象创建对象的方式小结
Jul 29 Javascript
微信小程序实现星级评价
Nov 20 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php如何调用webservice应用介绍
2012/11/24 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
js URL参数的拼接方法比较
2012/02/15 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
node+vue实现文件上传功能
2020/05/28 Javascript
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
分享一个简单的python读写文件脚本
2017/11/25 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
使用Python实现音频双通道分离
2020/12/25 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
物流专业大学生求职信范文
2013/10/28 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
九一八事变演讲稿
2014/09/05 职场文书
机器人总动员观后感
2015/06/09 职场文书
蜗居观后感
2015/06/11 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
小学生班干部竞选稿
2015/11/20 职场文书