jQuery获取上传文件的名称的正则表达式


Posted in Javascript onMay 21, 2015

方法一:

$('input[type="file"]').on('change', function() {
      var reg = /[^\\\/]*[\\\/]+/g; //匹配文件的名称和后缀的正则表达式
      var name = $(this).val().replace(reg, '');
      var postfix = /\.[^\.]+/.exec(name);//获取文件的后缀
      var text =name.substr(0,postfix['index']);//获取没有后缀的名称
      // 检测上传文件
    });

方法二:

以下只是个例子,变量file可以是任意类似于网络路径的字符串,这个例子是获得name=file的对象传过来的文件地址

var file=jQuery("input[name='file']").val()

var filename=file.replace(/.*(\/|\\)/, "");

var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';

filename得到文件名

fileExt得到后缀名

方法三:

网上能找到的正则表达式大多都没有考虑中文文件夹和中文文件名的情况。

后来,自己动手写了一个。在走过了不少歪路后,我根据windows的命名规则(文件名中不能包含下列字符:/ / * ? | " < >),终于完成了一个自认为比较完整的一个正则式:

(([a-zA-Z]:)|(//))((//)[^///*/?/|/:"<>]{1,255})+/.(([j,J][p,P][g,G])|([g,G][i,I][f,F]))

这个表达式是判断上传文件类型为jpg或gif格式的。自己测试过,无论文件夹和文件名是怎么样命名的,只要能通过windows文件管理找到的,都能正确判断。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JavaScript类和继承 constructor属性
Mar 04 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
javascript学习笔记--数字格式类型
May 22 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
一波JavaScript日期判断脚本分享
Mar 06 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
js实现打字小游戏
Dec 17 Javascript
Node使用Nodemailer发送邮件的方法实现
Feb 24 Javascript
JavaScript实现简单进度条效果
Mar 25 Javascript
js兼容火狐获取图片宽和高的方法
May 21 #Javascript
js兼容火狐显示上传图片预览效果的方法
May 21 #Javascript
javascript去除空格方法小结
May 21 #Javascript
删除javascript所创建子节点的方法
May 21 #Javascript
png在IE6 下无法透明的解决方法汇总
May 21 #Javascript
javascript相关事件的几个概念
May 21 #Javascript
javascript实时显示当天日期的方法
May 20 #Javascript
You might like
PHP常用代码
2006/11/23 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
Laravel框架表单验证详解
2014/09/04 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
jQuery 版本的文本输入框检查器Input Check
2009/07/09 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
jquery实现拖动效果
2016/08/10 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
Python出现segfault错误解决方法
2016/04/16 Python
python flask实现分页效果
2017/06/27 Python
python实现简单中文词频统计示例
2017/11/08 Python
python将txt文件读取为字典的示例
2018/12/22 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
美国著名手表网站:Timepiece
2017/11/15 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
中软Java笔试题
2012/11/11 面试题
珍惜水资源建议书
2014/03/12 职场文书
师德模范事迹材料
2014/06/03 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
2021年最新用于图像处理的Python库总结
2021/06/15 Python