javascript 得到文件后綴名的思路及實現(xiàn)
更新時間：2020年05月09日 21:27:05 投稿：shangke
在上傳文件時，常常要對文件的類型即對文件的后綴名進(jìn)行判斷，用javascript可以很容易的做到這一點(diǎn)。用Javascript解析一個帶絕對路徑的文件名并得到后綴名的方法有很多種，這里列出一種，以供參考。
對于一個帶絕對路徑的文件名如：D:\Program Files\Notepad++\Notepad++.exe
首先為了避免轉(zhuǎn)義反斜杠出問題，可以用正則表達(dá)式來將\或\\替換成#，如：
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 (//m.fzitv.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 (//m.fzitv.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 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()" />
點(diǎn)擊Test按鈕就可以彈出內(nèi)容為exe的對話框，表示GetExtensionFileName能正確解析帶絕對路徑的文件名并得到后綴名。
估計這種方法只能在Windows平臺下使用吧，在Linux執(zhí)行下不知道會如何？
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)5秒倒計時重新發(fā)送短信功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了JS canvas繪制五子棋棋盤的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要給大家總結(jié)介紹了JavaScript中交換值的10種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要為大家詳細(xì)介紹了H5移動端圖片壓縮上傳開發(fā)流程,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
JS編寫函數(shù)實現(xiàn)對身份證號碼最后一位的驗證功能
二代身份證號碼為18位，怎么編寫函數(shù)實現(xiàn)對身份證號碼最后一位的驗證功能呢？今天小編通過代碼給大家分享下實現(xiàn)方法2016-12-12
Ajax異步提交表單數(shù)據(jù)的說明及方法實例，需要的朋友可以參考一下2013-06-06
詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法
這篇文章主要介紹了詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法,及利用各種限制條件對數(shù)組和字符串進(jìn)行過濾,需要的朋友可以參考下2016-03-03
JS Html轉(zhuǎn)義和反轉(zhuǎn)義（html編碼和解碼）的實現(xiàn)與使用方法總結(jié)
這篇文章主要介紹了JS Html轉(zhuǎn)義和反轉(zhuǎn)義（html編碼和解碼）的實現(xiàn)與使用方法,結(jié)合實例形式總結(jié)分析了JS Html轉(zhuǎn)義和反轉(zhuǎn)義、html編碼和解碼相關(guān)封裝類定義與具體使用技巧,需要的朋友可以參考下2020-03-03
js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來，再獲取其寬度，計算位置，下面的示例，大家可以參考下2014-09-09
js的事件循環(huán)（event-loop）是我們前端學(xué)習(xí)中非常重要的一部分，也是面試中經(jīng)常被問到的點(diǎn)，這篇文章我們就來給大家著重講解一下吧2023-02-02