javascript 得到文件后缀名

最新推荐文章于 2024-05-22 14:17:17 发布

MoreWindows

最新推荐文章于 2024-05-22 14:17:17 发布

阅读量1.4w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML/javascript/PHP 文章标签： javascript 正则表达式 exe function button 测试

本文链接：https://blog.youkuaiyun.com/MoreWindows/article/details/7055713

HTML/javascript/PHP 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript解析带绝对路径的文件名并获取其后缀名的方法，包括路径转义、分隔符替换、字符串分解等步骤，并提供了测试代码验证方法的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上传文件时，常常要对文件的类型即对文件的后缀名进行判断，用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种，这里列出一种，以供参考。

对于一个带绝对路径的文件名如：D:\Program Files\Notepad++\Notepad++.exe

首先为了避免转义反斜杠出问题，可以用正则表达式来将\或\\替换成#，如：

D:#Program Files#Notepad++#Notepad++.exe

之后以‘#’为分隔符，将字符串分解成数组，得到如下数组：

D: ProgramFiles Notepad++ Notepad++.exe

取数组的最后一个即为带后缀的文件名：Notepad++.exe

再以‘.’为分隔符，将这个带后缀的文件名分解成数组，得到如下数组：

Notepad++ exe

然后再取数组的最后一个就可以得到文件的后缀名exe了

代码如下（Win7+IE9测试通过）：

//by MoreWindows (http://blog.youkuaiyun.com/MoreWindows)
function GetExtensionFileName(pathfilename)
{
	var reg = /(\\+)/g;
	var pfn = pathfilename.replace(reg, "#");
	var arrpfn = pfn.split("#");
	var fn = arrpfn[arrpfn.length - 1];
	var arrfn = fn.split(".");
	return arrfn[arrfn.length - 1];
}

测试代码：

function Test()
{
	var filePath="D:\\Program Files\\Notepad++\\Notepad++.exe";
	alert(GetExtensionFileName(filePath));
}
<input type="button" value="Test" onclick="Test()" />

点击Test按钮就可以弹出内容为exe的对话框，表示GetExtensionFileName能正确解析带绝对路径的文件名并得到后缀名。

估计这种方法只能在Windows平台下使用吧，在Linux执行下不知道会如何？

转载请标明出处，原文地址：http://blog.youkuaiyun.com/morewindows/article/details/7055713