快捷導(dǎo)航

用js來獲取上傳的文件名純粹是為了美化而用

更新時間：2013年10月23日 16:56:28 作者：

用js來獲取上傳的文件名其實純粹是為了美化，友好。但是，可不是網(wǎng)上流傳的那樣，用 path.substring()的方法，下面有個不錯的示例，感興趣的朋友可以參考下

為啥要用js來獲取上傳的文件名呢？其實純粹是為了美化，友好，

但是，可不是網(wǎng)上流傳的那樣，用 path.substring(path.lastIndexOf('/')+1) ;

這個樣在工作的時候會出現(xiàn)不少問題。
比如，firefox的input表單的value值默認(rèn)就可以獲取到文件名，而ie 則顯示文件路徑。

所以要區(qū)別對待，在firefox下 lastIndexOf('/')得到的是-1，而在ie下，目錄顯示的又是反斜杠，\，當(dāng)然在Linux
下，其他瀏覽器獲取到的又是正斜杠 / （暫時未證明有Linux下有瀏覽器file獲取到的值會是全路徑）；

得用兩次判斷：

復(fù)制代碼代碼如下:

 
function getFileName(path){ 
var pos1 = path.lastIndexOf('/'); 
var pos2 = path.lastIndexOf('\\'); 
var pos = Math.max(pos1, pos2) 
if( pos<0 ) 
return path; 
else 
return path.substring(pos+1); 
} 

您可能感興趣的文章:

相關(guān)文章

JavaScript canvas實現(xiàn)雨滴特效
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)雨滴特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
javascript 特性檢測并非瀏覽器檢測
NCZ在他的同名博客《Feature detection is not browser detection》中，講述了一直以來前端開發(fā)中的一個熱門技術(shù)——檢測用戶的瀏覽器平臺，并詳細地敘說歷史發(fā)展以及各種辦法的優(yōu)缺點。
2010-01-01
JavaScript 中 apply 、call 的詳解
本文主要介紹了JavaScript中apply 、call的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
js獲取dom元素寬高的幾種方法
這篇文章主要給大家介紹了關(guān)于js獲取dom元素寬高的幾種方法,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2023-08-08
js 異步處理進度條
js 異步處理進度條的實現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
js實現(xiàn)根據(jù)文件url批量壓縮下載成zip包
本文主要介紹了js實現(xiàn)根據(jù)文件url批量壓縮下載成zip包，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02
簡介EasyUI datagrid editor combogrid搜索框的實現(xiàn)
這篇文章主要介紹了EasyUI datagrid editor combogrid搜索框的實現(xiàn)，涉及到EasyUI中combogrid的使用方法的相關(guān)知識,非常具有參考價值，需要的朋友可以參考下
2016-04-04
javascript 獲取radio的value的函數(shù) [已測]
javascript 獲取radio的value的函數(shù) 如果與asp,php等后臺語言結(jié)合時，一般用不到，但在純js環(huán)境下是必須的。
2009-06-06
Javascript農(nóng)歷與公歷相互轉(zhuǎn)換的簡單實例
下面小編就為大家?guī)硪黄狫avascript農(nóng)歷與公歷相互轉(zhuǎn)換的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
mvc中form表單提交的三種方式(推薦)
本文給大家分享mvc中form表單提交的三種方式，分別是submit 按鈕提交方式，$("#dataform").ajaxSubmit() 提交方式，post 提交方式，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧
2016-08-08