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 For Beginners(转载)
Jan 05 Javascript
实现变速回到顶部的JavaScript代码
May 09 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
JavaScript数组和循环详解
Apr 27 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 Javascript
js cavans实现静态滚动弹幕
May 21 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
destoon实现调用热门关键字的方法
2014/07/15 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
JavaScript 自动完成脚本整理(33个)
2009/10/20 Javascript
jquery 防止表单重复提交代码
2010/01/21 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
浅谈JavaScript中的String对象常用方法
2015/02/25 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
基于JavaScript实现的顺序查找算法示例
2017/04/14 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
Python实现求两个csv文件交集的方法
2017/09/06 Python
python验证码识别的示例代码
2017/09/21 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
python实现IOU计算案例
2020/04/12 Python
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
一个大学生十年的职业规划
2014/01/17 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
五一晚会主持词
2015/07/01 职场文书
离职告别感言
2015/08/04 职场文书
2019年入党思想汇报
2019/03/25 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python