在上傳文件時,常常要對文件的類型即對文件的後綴名進行判斷,用javascript可以很容易的做到這一點。用Javascript解析一個帶絕對路徑的文件名並得到後綴名的方法有很多種,這裡列出一種,以供參考。
體驗效果:
http:///keleyi/phtml/javascript/2.htm
或者:http:///keleyi/phtml/javascript/2a.htm
對於一個帶絕對路徑的文件名如: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 keleyi(http://)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>javascript獲取上傳文件的後綴名-</title>
</head>
<body>
<script type="text/javascript">
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\\keleyi\\file.exe";
filePath = document.getElementById("ke"+"leyifile").value;
if (filePath == "") {
alert("未選擇文件");
return;
}
alert("文件後綴名為:" + GetExtensionFileName(filePath));
}</script>
<input type="file" id="keleyifile" />
<input type="button" value="獲取文件後綴名" onclick="Test()" />
</body>
</html>
點擊Test按鈕就可以彈出內容為exe的對話框,表示GetExtensionFileName能正確解析帶絕對路徑的文件名並得到後綴名。
在Windows 2003中Chrome,IE8,火狐測試也通過。
估計這種方法只能在Windows平台下使用吧,在Linux執行下不知道會如何?