DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript 得到文件後綴名的思路及實現
javascript 得到文件後綴名的思路及實現
編輯:JavaScript綜合知識     
在上傳文件時,常常要對文件的類型即對文件的後綴名進行判斷,用javascript可以很容易的做到這一點。用Javascript解析一個帶絕對路徑的文件名並得到後綴名的方法有很多種,這裡列出一種,以供參考。  

對於一個帶絕對路徑的文件名如:D:Program FilesNotepad++Notepad++.exe
首先為了避免轉義反斜槓出問題,可以用正則表達式來將或替換成#,如:
D:#Program Files#Notepad++#Notepad++.exe
之後以‘#'為分隔符,將字符串分解成數組,得到如下數組:
D:  ProgramFiles  Notepad++  Notepad++.exe
取數組的最後一個即為帶後綴的文件名:Notepad++.exe
再以‘.'為分隔符,將這個帶後綴的文件名分解成數組,得到如下數組:
Notepad++  exe
然後再取數組的最後一個就可以得到文件的後綴名exe了
代碼如下(Win7+IE9測試通過):

復制代碼 代碼如下:
//by MoreWindows (http://www.jb51.net/qq) 
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];
}
//by MoreWindows (http://www.jb51.net/qq)
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 FilesNotepad++Notepad++.exe";
    alert(GetExtensionFileName(filePath));
}
<input type="button" value="Test" onclick="Test()" />
function Test()
{
 var filePath="D:Program FilesNotepad++Notepad++.exe";
 alert(GetExtensionFileName(filePath));
}
<input type="button" value="Test" onclick="Test()" />


點擊Test按鈕就可以彈出內容為exe的對話框,表示GetExtensionFileName能正確解析帶絕對路徑的文件名並得到後綴名。
估計這種方法只能在Windows平台下使用吧,在Linux執行下不知道會如何?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved