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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
js转html实体的方法
Sep 27 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
解决Layui数据表格的宽高问题
Sep 28 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
解决uWSGI的编码问题详解
2017/03/24 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
Django Celery异步任务队列的实现
2019/07/24 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
python线程join方法原理解析
2020/02/11 Python
通过cmd进入python的步骤
2020/06/16 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
大一期末自我鉴定
2013/12/13 职场文书
小学毕业家长寄语
2014/01/19 职场文书
大学生村官事迹材料
2014/01/21 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
销售合作意向书范本
2015/05/08 职场文书
无故旷工检讨书
2015/08/15 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python