javascript 得到文件后綴名的思路及實現(xiàn)
更新時間：2020年05月09日 21:27:05 投稿：shangke
在上傳文件時，常常要對文件的類型即對文件的后綴名進行判斷，用javascript可以很容易的做到這一點。用Javascript解析一個帶絕對路徑的文件名并得到后綴名的方法有很多種，這里列出一種，以供參考。
對于一個帶絕對路徑的文件名如：D:\Program Files\Notepad++\Notepad++.exe
首先為了避免轉義反斜杠出問題，可以用正則表達式來將\或\\替換成#，如：
D:#Program Files#Notepad++#Notepad++.exe
之后以‘#'為分隔符，將字符串分解成數(shù)組，得到如下數(shù)組：
D: ProgramFiles Notepad++ Notepad++.exe
取數(shù)組的最后一個即為帶后綴的文件名：Notepad++.exe
再以‘.'為分隔符，將這個帶后綴的文件名分解成數(shù)組，得到如下數(shù)組：
Notepad++ exe
然后再取數(shù)組的最后一個就可以得到文件的后綴名exe了
代碼如下（Win7+IE9測試通過）：
//by MoreWindows (//chabaoo.cn/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 (//chabaoo.cn/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 Files\\Notepad++\\Notepad++.exe";
alert(GetExtensionFileName(filePath));
}
<input type="button" value="Test" onclick="Test()" />
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執(zhí)行下不知道會如何？
相關文章
這篇文章主要為大家介紹了JS面試之對事件循環(huán)的理解分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
在javascript中，String的函數(shù)replace()簡直太讓人喜愛了。它靈活而強大的字符替換處理能力，這里簡單介紹下，方便需要的朋友2013-12-12
這篇文章主要給大家介紹了如何通過5分鐘快速看懂ES6中的反射與代理的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ES6具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12
?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別
在等于運算符中，如果比較的內容包含對象類型數(shù)據(jù)，則會涉及隱式轉換，那么就會調用toString()函數(shù)和valueOf()函數(shù)，本文主要介紹了?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別，感興趣的可以了解一下2022-04-04
想必大家對圖片翻轉效果都有所了解吧，其實很容易實現(xiàn)的，下面有個不錯的示例，喜歡的朋友可以參考下2014-01-01
這篇文章主要介紹了JavaScript運動減速效果,模擬了物體做減速運動的效果,以兩個實例形式分析了javascript實現(xiàn)物體做減速運動的實現(xiàn)技巧,涉及javascript動態(tài)操作頁面元素樣式及數(shù)學運算的方法,非常簡潔實用,需要的朋友可以參考下2015-08-08
在Web應用程序特別是Web2.0程序開發(fā)中，經(jīng)常要獲取頁面中某個元素，然后更新該元素的樣式、內容等。如何獲取要更新的元素，是首先要解決的問題。2009-08-08
這篇文章主要介紹了使用JS來動態(tài)操作css的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
下面小編就為大家?guī)硪黄∈新?lián)動效果的簡單實現(xiàn)代碼(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
因為業(yè)務需求 今天做了一個textarea文本域字符串長度限制的方法，其實網(wǎng)上已經(jīng)有了很多相關的解決方案，但在輸入日語時，在IE存在BUG，我的這個版本就是針對這種情況的2012-10-10