用js來(lái)獲取上傳的文件名純粹是為了美化而用
更新時(shí)間:2013年10月23日 16:56:28 作者:
用js來(lái)獲取上傳的文件名其實(shí)純粹是為了美化,友好。但是,可不是網(wǎng)上流傳的那樣,用 path.substring()的方法,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
為啥要用js來(lái)獲取上傳的文件名呢?其實(shí)純粹是為了美化,友好,
但是,可不是網(wǎng)上流傳的那樣,用 path.substring(path.lastIndexOf('/')+1) ;
這個(gè)樣在工作的時(shí)候會(huì)出現(xiàn)不少問(wèn)題。
比如,firefox的input表單的value值默認(rèn)就可以獲取到文件名,而ie 則顯示文件路徑。
所以要區(qū)別對(duì)待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目錄顯示的又是反斜杠,\,當(dāng)然在Linux
下,其他瀏覽器獲取到的又是正斜杠 / ( 暫時(shí)未證明有Linux下有瀏覽器file獲取到的值會(huì)是全路徑);
得用兩次判斷:
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);
}
但是,可不是網(wǎng)上流傳的那樣,用 path.substring(path.lastIndexOf('/')+1) ;
這個(gè)樣在工作的時(shí)候會(huì)出現(xiàn)不少問(wèn)題。
比如,firefox的input表單的value值默認(rèn)就可以獲取到文件名,而ie 則顯示文件路徑。
所以要區(qū)別對(duì)待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目錄顯示的又是反斜杠,\,當(dāng)然在Linux
下,其他瀏覽器獲取到的又是正斜杠 / ( 暫時(shí)未證明有Linux下有瀏覽器file獲取到的值會(huì)是全路徑);

得用兩次判斷:
復(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);
}
您可能感興趣的文章:
- Jsp頁(yè)面實(shí)現(xiàn)文件上傳下載類代碼
- 圖片上傳之前檢查大小、尺寸、格式并預(yù)覽的js代碼
- JS清空上傳控件input(type="file")的值的代碼
- 圖片上傳即時(shí)顯示縮略圖的js代碼
- 關(guān)于js拖拽上傳 [一個(gè)拖拽上傳修改頭像的流程]
- jsp中實(shí)現(xiàn)上傳圖片即時(shí)顯示效果功能
- 多個(gè)表單中如何獲得這個(gè)文件上傳的網(wǎng)址實(shí)現(xiàn)js代碼
- js實(shí)現(xiàn)上傳圖片之上傳前預(yù)覽圖片
- Servlet+Jsp實(shí)現(xiàn)圖片或文件的上傳功能具體思路及代碼
- js 實(shí)現(xiàn) input type="file" 文件上傳示例代碼
- JS簡(jiǎn)單實(shí)現(xiàn)文件上傳實(shí)例代碼(無(wú)需插件)
- 客戶端js判斷文件類型和文件大小即限制上傳大小
- javascript拖拽上傳類庫(kù)DropzoneJS使用方法
- js動(dòng)態(tài)創(chuàng)建上傳表單通過(guò)iframe模擬Ajax實(shí)現(xiàn)無(wú)刷新
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- 使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
- 上傳圖片預(yù)覽JS腳本 Input file圖片預(yù)覽的實(shí)現(xiàn)示例
- JS模擬并美化的表單控件完整實(shí)例
- js實(shí)現(xiàn)文件上傳表單域美化特效
相關(guān)文章
canvas 畫(huà)布在主流瀏覽器中的尺寸限制詳細(xì)介紹
這篇文章主要介紹了canvas 畫(huà)布在主流瀏覽器中的尺寸限制詳細(xì)介紹的相關(guān)資料,canvas在不同瀏覽器下面有不同的最大尺寸限制,這里測(cè)試下,需要的朋友可以參考下2016-12-12two.js之實(shí)現(xiàn)動(dòng)畫(huà)效果示例
本篇文章主要介紹了two.js之實(shí)現(xiàn)動(dòng)畫(huà)效果示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換
javascript實(shí)現(xiàn)的動(dòng)態(tài)文字變換...2007-07-07js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08JavaScript實(shí)現(xiàn)抽獎(jiǎng)器效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)抽獎(jiǎng)器效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10