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

js獲取上傳文件的文件名

發布時間: 2022-07-18 07:52:08

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

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

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

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

Ⅱ 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 寫道網上的一些解決方案:
一般都是上傳以後在資料庫中保存上傳後的文件路徑,本地路徑一般沒意義
除非像上面所說的文件上傳預覽,還有那麼點用處
我用來做數據介面的,我僅僅是把路徑傳給另一個系統,然後那個系統就可以從這個路徑取文件了。

Ⅲ 怎麼用js獲取上傳文件的完整路徑

file是一種特殊的input,不能被賦值,也不能被javascript取值,只能隨表單提交,而且隨表單提交的也是file路徑所指向的文件本身。

這是瀏覽器安全原因所限制的,如果可以取值和賦值的話,那麼javascript就可以隨意獲取你電腦上的文件了,這是非常危險的

Ⅳ 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>";

}

?>

Ⅳ 怎麼用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>

Ⅵ 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>

Ⅶ 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+等。

Ⅷ 用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

Ⅸ 在action中如何才能獲取所上傳文件的文件名絕對路徑

如果你沒有以參數形式和文件一起提交到服務端,就得不到。
所以在點【提交】按鈕時使用JS把文件名放在hidden中提交給服務端。

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

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

熱點內容
安卓的哈靈麻將哪裡下 發布:2025-01-23 11:26:17 瀏覽:228
全本免費閱讀器在哪緩存 發布:2025-01-23 11:14:54 瀏覽:438
傳輸數據加密 發布:2025-01-23 11:03:20 瀏覽:254
win7文件夾沒有共享 發布:2025-01-23 10:55:43 瀏覽:140
php原鏈接 發布:2025-01-23 10:49:56 瀏覽:513
演講稿腳本需要哪些要素 發布:2025-01-23 10:49:55 瀏覽:383
傳奇日常腳本 發布:2025-01-23 10:45:04 瀏覽:40
刷華為的系統可以用方舟編譯器嗎 發布:2025-01-23 10:45:03 瀏覽:226
java數組反射 發布:2025-01-23 10:39:24 瀏覽:291
伺服器如何從導軌取下來 發布:2025-01-23 10:28:30 瀏覽:103