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代码
Jan 28 Javascript
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
动态加载jquery库的方法
Feb 12 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
JS实现评价的星星功能
Aug 20 Javascript
vue axios 在页面切换时中断请求方法 ajax
Mar 05 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 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
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
有关php运算符的知识大全
2011/11/03 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
PHP使用Redis实现防止大并发下二次写入的方法
2017/10/09 PHP
php实现每日签到功能
2018/11/29 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
如何让动态插入的javascript脚本代码跑起来。
2007/01/09 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
2016/10/10 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
python实现按行切分文本文件的方法
2016/04/18 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
django 读取图片到页面实例
2020/03/27 Python
英语硕士生求职简历的自我评价
2013/10/15 职场文书
半年思想汇报
2013/12/30 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
刑事案件上诉状
2015/05/23 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
Python中字符串对象语法分享
2022/02/24 Python