在Web前端开发中，如何用Javascript获取文件后缀名

在Web前端开发中，如何用Javascript获取文件后缀名呢？我们一起来了解下。

在上传文件时，常常要对文件的类型即对文件的后缀名进行判断，用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.csdn.net/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];
}

DEMO代码：

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

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

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