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 相关文章推荐
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 Javascript
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
javascript中的隐式调用
Feb 10 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 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语法速查表
2007/01/02 PHP
PHP中的CMS的涵义
2007/03/11 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
javascript 面向对象编程 function也是类
2009/09/17 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
php 修改密码实现代码
2017/05/24 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
Python入门篇之正则表达式
2014/10/20 Python
Python实例一个类背后发生了什么
2016/02/09 Python
python 读写、创建 文件的方法(必看)
2016/09/12 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python实现购物车功能的方法分析
2017/11/10 Python
python实现聊天小程序
2018/03/13 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
python tqdm库的使用
2020/11/30 Python
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
护理个人求职信范文
2014/01/08 职场文书
小学教师节活动方案
2014/01/31 职场文书
月考总结与反思
2015/10/22 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书