當前位置:首頁 » 文件管理 » js獲取上傳文件名稱

js獲取上傳文件名稱

發布時間: 2022-06-26 05:58:14

1. 怎麼用js來獲取 file中的上傳文件的文件名

在firefox上,input(type=file)默認獲取到的value值就是文件名。
在IE上,input(type=file)默認獲取到的value值是路徑。
因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。
示例代碼:
<form action="" method="get" onSubmit="return false;">
<input type="text" name="test" id="test">
<input type="file" name="testFile" onChange="if(this.value)insertTitle(this.value);">
<input type="submit" value="提交">
</form>
<script language="javascript">
function insertTitle(path){
var test1 = path.lastIndexOf("/"); //對路徑進行截取
var test2 = path.lastIndexOf("\\"); //對路徑進行截取
var test= Math.max(test1, test2)
if(test<0){
document.getElementById("test").value = path;
}else{
document.getElementById("test").value = path.substring(test + 1); //賦值文件名
}
}
</script>

2. js怎麼獲取上傳文件的文件的擴展名

代碼:
<script language="JavaScript">
var a="abc.jpg";
function test(file_name){
var result =/\.[^\.]+/.exec(file_name);
return result;
}
var b=test(a);
alert(b);
</script>

3. javascript獲取上傳的文件名,去掉文件的後綴名

你設置一個變數,去接收一下,接收的這個要經過截去子串的處理,取到你想要的那部分比如說:
var s1=new Array();

var str=data; //data 就是傳過來的文件名

s1=str.split(str.lastIndexOf(「.」)),你想要的就在 s1[0]中,而 . 是文件名與後綴名的分界線,根據它去截去

4. JS動態創建的file控制項,php 怎麼獲取上傳的文件

首先,你的file控制項要放到form表單內,其次,每個file控制項的name屬性應該不同。下面是我修改後的:

<html>

</head>

<script language="javascript" type="text/ecmascript">

var x=1;

//======================

//功能:在表單中input file控制項

//參數:parentID---要插入input file控制項的父元素ID

// inputID----input file控制項的ID

//======================

function createInput(parentID,inputFileID){

var parent=$(parentID);//獲取父元素

var div=document.createElement("div");//創建一個div容器用於包含input file

x++;

var divName=inputFileID+x;//隨機div容器的名稱

div.id=divName;


var aElement=document.createElement("input"); //創建input

aElement.name=divName;

aElement.type="file";//設置類型為file


var delBtn=document.createElement("input");//再創建一個用於刪除input file的Button

delBtn.type="button";

delBtn.value="刪除";

delBtn.onclick=function(){ removeInput(parentID,divName)};//為button設置onclick方法


div.appendChild(aElement);//將input file加入div容器

div.appendChild(delBtn);//將刪除按鈕加入div容器

parent.appendChild(div);//將div容器加入父元素

}

//============================

//功能:刪除一個包含input file的div 容器

//參數:parentID---input file控制項的父元素ID

// DelDivID----個包含input file的div 容器ID

//============================

function removeInput(parentID,DelDivID){

var parent=$(parentID);

parent.removeChild($(DelDivID));

}

//通過元素ID獲取文檔中的元素

function $(v){return document.getElementById(v);}

</script>

<body>

<form action="test.php" method="post" enctype="multipart/form-data">

<div align="left" id="div_Pic" style="border:1px solid #CCCCCC">

<input name="PicFile" type="file" id="ShowPicFile">

</div>

<input type="button" onClick="createInput('div_Pic','PicFile')" name="button" id="button" value="+ 繼續添加圖片">

<input type="submit" value="提交">

</body>

</html>

然後php就可以通過遍歷$_FILES來獲得每個上傳的文件。下面的簡單例子只是列出每個文件的原文件名:

<?php

forEach($_FILES as $f){

echo $f["name"]."<br>";

}

?>

5. Js/Jquery獲取input file的文件名

字元串截取

varfile=$("#file").val();

varfileName=getFileName(file);functiongetFileName(o){varpos=o.lastIndexOf("\");returno.substring(pos+1);}方法二:正則表達式

varfile=$("#file").val();

varstrFileName=file.replace(/^.+?\([^\]+?)(.[^.\]*?)?$/gi,"$1");//正則表達式獲取文件名,不帶後綴varFileExt=file.replace(/.+./,"");//正則表達式獲取後綴

拓展資料:

jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是「write Less,Do More」,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

6. JS如何讀取上傳文件的後綴名

function up(file){
//文件後綴可以通過 列印 file.file 可以看出來
console.log(file.file);
}

7. java或js(可用jquery)如何獲取上傳文件原始路徑名

上傳文件時,我想獲取客戶端上傳文件的原始路徑。第一考慮,當然是使用js,例如網上可以找到的:
function getPath(obj) { if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); return document.selection.createRange().text; } else if (window.navigator.userAgent.indexOf("Firefox") >= 1) { if (obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } } 但這樣的代碼在Ie下還是可行的,但在火狐下不兼容。所以又想通過servlet的第三方工具去做,例如FileUpload,本以為FileItem下的getName()方法能夠得到全路徑名,但結果仍然只得到文件名,很是杯具!求解決方法!?
引用至於你說的,不明白你的意思關鍵問題是我要獲得這個路徑,並且傳遞到後台!用js會有兼容性問題,如果用FileUpload上傳,是否可以獲得呢?我是沒有得到的!!! 問題補充:zhanjia 寫道上傳文件一般用input標簽,type為file,瀏覽選擇文件後就是文件在本地的絕對路徑了
引用至於你說的,不明白你的意思關鍵的問題是我要獲得這個本地路徑,並且傳到後台!用js可以得到,但存在兼容性問題!?如果用FileUpload呢?我暫時還沒有得到!!! 問題補充:zhanjia 寫道網上的一些解決方案:
一般都是上傳以後在資料庫中保存上傳後的文件路徑,本地路徑一般沒意義
除非像上面所說的文件上傳預覽,還有那麼點用處
我用來做數據介面的,我僅僅是把路徑傳給另一個系統,然後那個系統就可以從這個路徑取文件了。

8. 用JS如何取得上傳文件的名稱

我就知道路徑document.getElementById("那個的id").value
下面的只做個參考
function
getFileName()
{
var
path
=
document.getElementById("Main_FileUpload1").value;
var
pos1
=
path.lastIndexOf("\\");
alert(pos1);
var
pos2
=
path.lastIndexOf(".");
var
pos
=
path.substring(pos1
+
1,
pos2);
alert(path.substring(pos1+1,pos2));
}
Main_FileUpload1是你的那個上傳的ID,我也在搞這個,搞好了,正巧也是用asp。net

9. 高手們求救!如何用js得到上傳文件的文件名並傳到servlet中

現在需要把上傳的文件名一並得到,並傳給servlet 因為後台servlet有這么句代碼
URL url = new URL(file://localhost/D:/soft/tools/java/apache-tomcat-6.0.14/webapps/up/a.txt);為了不讓a.txt寫死,所以需要從前端獲取文件名,(servlet是沒法獲取文件名的)

10. js文件上傳選擇文件後如何把文件名稱返顯

打開出現問題的目錄,比如D盤下的文件夾名稱/文字不能顯示,就打開D盤。
後退至上一個文件夾,即不能顯示名稱的文件夾位置,只能通過「後退」按鈕,不能點擊地址欄上該文件夾的位置(鍵盤快捷鍵未測試)。

熱點內容
配置型基金如何分配 發布:2025-01-16 14:08:06 瀏覽:563
adbandroid版本 發布:2025-01-16 13:53:14 瀏覽:388
直鏈雲存儲 發布:2025-01-16 13:19:30 瀏覽:727
電腦主機伺服器多少錢 發布:2025-01-16 13:00:28 瀏覽:668
linuxoracle操作 發布:2025-01-16 12:40:50 瀏覽:47
河北存儲服務價格 發布:2025-01-16 12:39:21 瀏覽:351
掛機伺服器的搭建 發布:2025-01-16 12:34:07 瀏覽:417
安卓怎麼刪除信任憑證 發布:2025-01-16 12:22:06 瀏覽:338
代理編譯 發布:2025-01-16 12:07:59 瀏覽:794
伺服器為什麼老是無響應 發布:2025-01-16 12:07:59 瀏覽:894