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正则中的RegExp对象对象
Nov 07 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
axios学习教程全攻略
Mar 26 Javascript
bootstrap表单示例代码分享
May 18 Javascript
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 Javascript
JS轻量级函数式编程实现XDM二
Jun 16 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
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
PHP定时更新程序设计思路分享
2014/06/10 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
js模拟类继承小例子
2010/07/17 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
jQuery中click事件的定义和用法
2014/12/20 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
Python Opencv实现图像轮廓识别功能
2020/03/23 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
SQL注入攻击的种类有哪些
2013/12/30 面试题
2013年军训通讯稿
2014/02/05 职场文书
股票投资建议书
2014/05/19 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
读群众路线的心得体会
2014/09/03 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
运动会广播稿100字
2015/08/19 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
css样式important规则的正确使用方式
2022/06/10 HTML / CSS