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 相关文章推荐
jquery异步循环获取功能实现代码
Sep 19 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
理解Javascript闭包
Nov 01 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
js实现一个链接打开两个链接地址的方法
May 12 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
Vue.js获取被选择的option的value和text值方法
Aug 24 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
js中!和!!的区别与用法
May 09 Javascript
记一次vue跨域的解决
Oct 21 Javascript
JavaScript实现音乐播放器
Aug 14 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查看session内容的函数
2008/08/27 PHP
php的一些小问题
2010/07/03 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
js传值 判断
2006/10/26 Javascript
限制文本字节数js代码
2007/03/06 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
手机端转换rem适应
2017/04/01 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
解析vue中的$mount
2017/12/21 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
用Python编写简单的微博爬虫
2016/03/04 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
Django添加feeds功能的示例
2018/08/07 Python
Python命令行click参数用法解析
2019/12/19 Python
python对文件的操作方法汇总
2020/02/28 Python
python如何控制进程或者线程的个数
2020/10/16 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
遗产继承公证书
2014/04/09 职场文书
通信工程专业求职信
2014/06/04 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
致运动员的广播稿
2015/08/19 职场文书
2016银行求职自荐信
2016/01/28 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
JavaScript原型链详解
2021/11/07 Javascript
MIME类型中application/xml与text/xml的区别介绍
2022/01/18 HTML / CSS