• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery获取上传文件的名称的正则表达式

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了上传文件的名称,正则表达式等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

方法一:

$('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文件管理找到的,都能正确判断。

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

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-08-16jQuery选择器全面总结
  • 2017-08-16Visual Studio中的jQuery智能提示设置方法
  • 2017-08-16JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
  • 2017-08-16Jquery带搜索框的下拉菜单
  • 2017-08-16jquery 判断selection range 是否在容器中的简单实例
  • 2017-08-16在页面上用action传递参数到后台出现乱码的解决方法
  • 2017-08-16使用js dom和jquery分别实现简单增删改
  • 2017-08-16Jquery的基本对象转换和文档加载用法实例
  • 2017-08-16jQuery on方法传递参数示例
  • 2017-08-16jquery 模拟类搜索框自动完成搜索提示功能(改进)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery实现表单获取短信验证码代码
    • jquery-easyui关闭tab自动切换到前一个tab
    • 基于jQuery的星级评分插件
    • jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
    • 在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
    • jquery trigger伪造a标签的click事件取代window.open方法
    • jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
    • js页面滚动时层智能浮动定位实现(jQuery/MooTools)
    • 深入理解jquery跨域请求方法
    • jQuery.Highcharts.js绘制柱状图饼状图曲线图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有