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的MessageBox
Dec 03 Javascript
区分JS中的undefined,null,"",0和false
Mar 08 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
JavaScript事件处理器中的event参数使用介绍
May 24 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
通过webpack引入第三方库的方法
Jul 20 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 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
关于页面优化和伪静态
2009/10/11 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
抛弃 PHP 代价太高
2016/04/26 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
一起来写段JS drag拖动代码
2010/12/09 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
JQuery中form验证出错信息的查看方法
2013/10/08 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
python实现哈希表
2014/02/07 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
mac下如何将python2.7改为python3
2018/07/13 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
Python tornado上传文件的功能
2020/03/26 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
给排水工程师岗位职责
2013/11/21 职场文书
产品质量承诺书范文
2014/03/27 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
营业员岗位职责范本
2015/04/14 职场文书
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技