使用jQuery获取文件名的扩展名（小数点后的名称）

最新推荐文章于 2022-04-26 01:31:43 发布
最新推荐文章于 2022-04-26 01:31:43 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu920604/article/details/53760301
版权

本文主要是讲解的两种方法：如下：

1 使用split()方法和数据的pop()方法

2 下面这个方法是采用的字符串的substr()及字符串的lastIndexOf()；

注：这2种方法可以过滤掉以点号开头的文件名，如.html等等。

具体操作如下：


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <script type="text/javascript">
  <!--
	var fileName1= ".html";
	var fileName2= "tes.txt.log";
	var fileName3= "tes.txt";

	function getExt1(filename)
{
	var a = filename.split(".");
	if( a.length === 1 || ( a[0] === "" && a.length === 2 ) ) {
		return "";
	}
	return a.pop();
}
function getExt2(filename)
{
	return filename.substr((~-filename.lastIndexOf(".") >>> 0) + 2);
}
	alert(getExt1(fileName1));	//""
	alert(getExt2(fileName1));	//""
	alert(getExt1(fileName2));	//"log"
	alert(getExt2(fileName2));	//"log"
	alert(getExt1(fileName3));	//"txt"
	alert(getExt2(fileName3));	//"txt"
  //-->
  </script>
 </body>
</html>


开着拖拉机的梦想家
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery获取节点名称
10-24
主要介绍了jquery获取节点名称的相关资料,需要的朋友可以参考下
js常用方法，JS实用方法，jq获得文件后缀，解析window。location，解析URL参数
小糖穿越火线
11-13 395
jq获取文件后缀的方法 var file = "测试文档1111111111.docx"; // 文件 var fileName = file.replace(/.*(\/|\\)/, ""); // 获得文件名 var fileSuffix = (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName.toLowerCase()) : ''; // 获得文件后缀 var file = "测试文档1111111111.docx"; var dot = file.las
jQuery截取字符串的几种方式
T525174893的博客
04-23 440
在我们写前端JS代码的时候，我们会遇到只需要其中部分字符串的时候，下面我就提供集中截取字符串的方法： 1.取后缀 1 var fileDir = $("#file").val(); 2 var suffix = fileDir.substr(fileDir.lastIndexOf(".")); 3 //suffix 就是后缀； 2.函数：Join() 1 ...
JQuery截取字符串使用总结
jike11231的博客
05-20 4081
1.取后缀 var fileDir = “helloworld.exe”; var suffix = fileDir.substr(fileDir.lastIndexOf(".")); //suffix结果为.exe 2.join()函数 //使用选择的分隔符将一个数组合并为一个字符串； var list=new Array(”h”,”e”,”l”,”l”,”o”); var newList=list.join(”-”); //结果是h-e-l-l-o 3.substring()与substr() 方法 /
【知识点总结】jQuery的扩展方法
一只小羊的专栏
06-02 655
1、全局扩展 无参 jQuery.sun = function() { alert('这是一个测试的全局扩展.'); }; 调用：$.sun(); 有参 jQuery.sun = function(name) {  alert('这是一个“”写的测试的全局扩展.'); }; 调用：$.sun(“sxy”); 为了防止冲突定义的类全局变量 jQuery.mySunClass
js,jquery获取文件全名,后缀,文件名
qq_32253969的博客
04-26 3304
网上找了几个不太满意,参照文章自己修改了一下,可以获取表单中文件的全名,后缀,文件名 var filePath = $('#paperfile').val(); // 获取表单的值 var arr = filePath.split('\\'); //通过\分隔字符串，成字符串数组 var fileName = arr[arr.length-1]; //取最后一个，就是文件全名,含后缀 var index= filePath.lastIndexOf("."); // 获取最后一个.的位置 va
jQuery--获取文件扩展名
MuziZhongyang的专栏
11-17 1635
当使用<input type="file" /> 时，（当然很多情况下可能要求获取文件扩展名，阳阳在这只是随便举一例子......）有时需要判断扩展名判断文件是否在可选择上传范围内，以下用jQuery编写判断文件扩展名：     var obj = $("input[type=file]");     var extension = Extension(obj);
jQuery获取文件后缀
TheAndroid的博客
07-11 407
jQuery 获取文件后缀的方法 方法一、        采用正则表达式: var file=$("input[name='file']").val(); var filename=file.replace(/.*(\/|\\)/, ""); var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase...
jquery获取文件后缀的方法
逗号的博客
10-08 3197
function getFileName() { var value=$("input[name='upload']").val(); if(value==""){ alert("请选择要上传的文件"); return false; } //验证上传的文件是否是excel文件 var point = value.lastIndexOf("."); var type = v
jQuery 获取文件后缀的方法
chuqu3985的博客
05-04 1210
function change() { var obj = document.getElementById("upload"); var len = obj.files.length; for (var i = 0; i var temp = obj.files[i].name; var fileExt=(/[.]/.exec(temp)) ? /[^.]+$/.exec(temp.
使用jquery获取url及url参数的简单实例
10-22
下面小编就为大家带来一篇使用jquery获取url及url参数的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery解析XML及获取XML节点名称的实现代码
10-22
下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery获取当前对象标签名称的方法
10-26
获取当前对象标签名称的方法有很多，本教程为大家介绍下使用jquery获取的具体实现
HTML让文字在图片上显示
热门推荐
习惯有你&的博客
12-21 13万+
Html让文字在图片上显示的集中方式： 第一种方式是image 作为背景图片，即：background:url("......."); 例如如下代码块： 添加文字...添加文字...添加文字... 第二种方式是将img块与文字块（文字块采用span标签显示）放在同一个div 中，然后设置他们之间的位置，例如如下代码块： 添加文字
原生的js与jquery的js对象之间的转换
习惯有你&的博客
06-25 1万+
在说他们之间的转换之前先说一下他们之间的关系吧， js它是动态的弱类型的语言，是JavaScript的缩写，而jquery是对js的封装、扩展，jquery是使用js封装的框架，就是让jquery更方便简洁。举个例子吧，js就好比是生的面条，而jquery是方便面，泡一下就可以吃了，比较的方便。即：jquery是使用最少的代码来完成更多的功能。以上是我对js与jquery的区别的理解。
页面布局div，一进入页面默认选中第一个div
习惯有你&的博客
12-12 1万+
页面是div的排布，一进入页面默认选中第一个div，并且展示第一个div下的数据（默认选中的是当前月的上一个月），然后点击哪个div显示哪个div下的数据。 代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 投标人统计分析 <%
jquery里的$("#") 与$("#"+xx)
习惯有你&的博客
07-08 1万+
$("#")是指选择器选择带有id的元素，例如<input type="text" id="a"/> 就可以用$("#id").val()来获取对应的数据值，而里面有加号的情况一般是有变量，在函数封装时常用，例如:下面的小demo function test_() { var a1=$("#a1").val(); alert(a1);
jquery 设置style:display的方法
习惯有你&的博客
11-25 1万+
jQuery设置style:display $("#id").css('dispaly','none');//表示设置为禁用 $("#id").css('display','block');//表示设置为可用
一进入页面，默认选中table的第一个tr
习惯有你&的博客
12-12 8103
序号                        内容               alert($('#tableId tr:eq(0) th:eq(0)').html());// tr:eq(0) th:eq(0)需要tr或需要th自行选择
使用jQuery 获取元素的类列表
最新发布
07-08
您可以使用jQuery的`attr()`方法和JavaScript的`classList`属性来获取元的类列表。 使用`attr()`方法获取元素的`class`属性值，然后将其传递给JavaScript的`classList`属性。 以下是使用jQuery获取元素类列表的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值