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表单验证框架的方法
Sep 14 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 Javascript
js+css实现select的美化效果
Mar 24 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
Jul 09 Javascript
js中new一个对象的过程
Feb 20 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
Apr 19 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 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 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
php连接mssql数据库的几种方法
2013/02/21 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
javascript 写类方式之七
2009/07/05 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
原生JavaScript实现滚动条效果
2020/03/24 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
跟老齐学Python之重回函数
2014/10/10 Python
Python随机数random模块使用指南
2016/09/09 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
机电专业个人自荐信格式模板
2013/09/23 职场文书
企业军训感言
2014/02/08 职场文书
2014村务公开实施方案
2014/02/25 职场文书
产品质量承诺书
2014/03/27 职场文书
贷款委托书范本
2014/04/08 职场文书
大学生实习证明范文(5篇)
2014/09/18 职场文书
财务负责人岗位职责
2015/02/03 职场文书
环境建议书
2015/02/04 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
nginx访问报403错误的几种情况详解
2022/07/23 Servers