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 onload事件不起作用示例分析
Oct 09 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
Dec 28 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
javaScript语法总结
Nov 25 Javascript
vue地区选择组件教程详解
May 04 Javascript
vue源码学习之Object.defineProperty对象属性监听
May 30 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
vue 解决provide和inject响应的问题
Nov 12 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 Calender(日历)代码分享
2014/01/03 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
2012/10/11 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
vue-axios使用详解
2017/05/10 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
python实现图片变亮或者变暗的方法
2015/06/01 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
python3去掉string中的标点符号方法
2019/01/22 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
如何使用PHP session
2015/04/21 面试题
秋季运动会稿件
2014/01/30 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
高中生操行评语
2014/04/25 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
周一给客户的问候语
2015/11/10 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
python神经网络编程之手写数字识别
2021/05/08 Python
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
关于JavaScript轮播图的实现
2021/11/20 Javascript