DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript獲取上傳文件的後綴名
javascript獲取上傳文件的後綴名
編輯:關於JavaScript     
在上傳文件時,常常要對文件的類型即對文件的後綴名進行判斷,用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執行下不知道會如何?
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved