前端判断文件后缀名_在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));

}

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

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