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 相关文章推荐
js confirm()方法的使用方法实例
Jul 13 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
微信小程序动态显示项目倒计时效果
Jun 13 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php文件缓存方法总结
2016/03/16 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
《云房子》教学反思
2014/04/20 职场文书
说明书怎么写
2014/05/06 职场文书
滞留工资返还协议书
2014/10/19 职场文书
技术负责人岗位职责
2015/02/10 职场文书
学校教师培训工作总结
2015/10/14 职场文书
宪法宣传标语100条
2019/10/15 职场文书
详解Redis基本命令与使用场景
2021/06/01 Redis
Python中re模块的元字符使用小结
2022/04/07 Python
Mysql 文件配置解析介绍
2022/05/06 MySQL