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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
JavaScript对象封装的简单实现方法(3种方法)
Jan 03 Javascript
javascript数据结构中栈的应用之符号平衡问题
Apr 11 Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
Mar 04 Javascript
JavaScript的function函数详细介绍
Nov 20 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 存储文本换行实现方法
2010/01/05 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
Python isinstance判断对象类型
2008/09/06 Python
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
python机器学习之贝叶斯分类
2018/03/26 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
Python序列化pickle模块使用详解
2020/03/05 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
《乡愁》教学反思
2014/02/18 职场文书
企业文化标语口号
2014/06/09 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
大学生团员个人总结
2015/02/14 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL
mysql的单列多值存储实例详解
2022/04/05 MySQL
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis