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

⑴ js如何讀取文件夾文件

JS讀寫文件，分別如下：
//讀文件
function readFile(filename){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.OpenTextFile(filename,1);
var s = "";
while (!f.AtEndOfStream)
s += f.ReadLine()+"\n";
f.Close();
return s;
}
//讀文件
function readFile(filename){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.OpenTextFile(filename,1);
var s = "";
while (!f.AtEndOfStream)
s += f.ReadLine()+"\n";
f.Close();
return s;
}
//寫文件
function writeFile(filename,filecontent){
var fso, f, s ;
fso = new ActiveXObject("Scripting.FileSystemObject");
f = fso.OpenTextFile(filename,8,true);
f.WriteLine(filecontent);
f.Close();
alert('ok');
}

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

在firefox上，input（復type=file）默認制獲取到的value值就是文件名。
在IE上，input（type=file）默認獲取到的value值是路徑。
因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。
你可以試下一下
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);
}
測試過了，沒有問題，可用。

⑶ input file 在js里獲取文件內容

javascript 獲取文件域 (type=file) 的完整路徑一直是很麻煩的問題，問題主要出在一些瀏覽器基於安全性考慮而不能正常獲取到文件域中選中圖片的決對路徑，尤其一些基於webkit的瀏覽器比如 Chrome, Safire等瀏覽器，下面是一個可以兼容 IE 6 , 7, 8 和 firefox 的獲取 input file 完整路徑的方法，該方法不支持 Chrome 和 Safire，要支持這些瀏覽器可能要使用到 Flash ，對程序員來說比較麻煩。

HTML頁面：
<inputtype="file"name="attachment"id="attachment"/>
<inputtype="text"name="trueattachment"id="trueattachment"/>

js部分：
<scripttype="text/javascript">
varattachment=document.getElementById("attachment");
vartrueattachment=document.getElementById("trueattachment");
attachment.onchange=function(){
trueattachment.value=getFullPath(this);
}
functiongetFullPath(obj){
if(obj)
{
//ie
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
returndocument.selection.createRange().text;
}
//firefox
elseif(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
returnobj.files.item(0).getAsDataURL();
}
returnobj.value;
}
returnobj.value;
}
}
</script>

⑷ 原生js獲取文件

HTML5新增了關於文件的File，FileReader兩個對象，用於獲取文件信息和讀取文件信息。

var

fileInput = document.getElementById('test-image-file'),

info = document.getElementById('test-file-info'),

preview = docement.getElementById('test-image-preview');

//監聽change事件

fileInput.addEventListener('change', function() {

//清除背景圖片

preview.style.backgroundImage = '';

//檢查文件是否選擇

if(!fileInput.value) {

info.innerHTML = '沒有選擇文件';

return;

}

//獲取file文件引用：

var file = fileInput.files[0];

//獲取文件信息

info.innerHTML = '文件：' + file.name + '<br>' +

'大小：' + file.size + '<br>' +

'修改：' + file.lastModifiedDate;

if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {

alert('不是有效的圖片文件');

return;

}

//讀取文件

var reader = new FileReader();

reader.onload = function(e) {

var data = e.target.result;

preview.style.backgroundImage = 'url('+ data + ')';

};

//以DataURL的形式讀取文件：

reader.readerAsDataURL(file);

})

⑸ js怎麼獲取當前頁面文件名

需要准備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件版，例如：index.html。

⑹ js獲取文件路徑怎麼寫

<script>
$("input[name=fileString]").change(function(){
//varnames=[];

for(vari=0;i<$(this).get(0).files.length;++i){
//names.push($(this).get(0).files[i].name);
//console.log($(this).get(0).files[i].mozFullPath);
//方式一：
varfilePath=$(this).val();
console.log(filePath);
//方式二：
alert($('input[type=file]').val());
}
//console.log(names);
//方式三：
alert($("input[name=fileString]").val());

})

</script>

注意：以上方式取到的都是文件的偽路徑，由於瀏覽器的安全策略，Chrome瀏覽器及內核的瀏覽器是不可能獲取文件在本地的真實路徑的。IE瀏覽器可以通過設置安全級別，能獲取到真實路徑。

⑺ 如何用JS獲取外部腳本的文件內容

您需要的功能可以利用AJAX來實現。下面是我寫的代碼讀取一個文件並顯示出來，供您參考。

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>使用AJAX讀取外部文件</title>
</head>
<body>
<divid="txt">外部文件內容</div>
<script>
if(window.ActiveXObject)//windows系統
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
elseif(window.XMLHttpRequest)//其它系統，及非IE6系統
xmlHttp=newXMLHttpRequest();

xmlHttp.onreadystatechange=Callback;
xmlHttp.open("GET","mytxt.txt",true);//讀取mytxt.txt內容
xmlHttp.send(null);

functionCallback()
{
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xml=xmlHttp.responseText;//讀取返回值即文件內容
document.getElementById("txt").innerText=xml;//在當前頁面顯示文件內容
}
}
}
</script>
</body>
</html>

⑻ JS 如何動態獲取本地文件夾中的所有圖片

1、require.context

2、具體實現步驟
首先我們需要知道圖片的路徑，圖片的路徑是相對路徑也可以是絕對路徑；其次我們需要獲取到圖片的文件名

⑼ js獲取文件流問題

js不能用於操作文件，但是可以通過JS調用PHP等程序對文件流進行操作，我這里只涉及前端調用（JQ AJAX,注意要引用JQ類庫，並且AJAX必須在服務端才能運行，也就是你必須搭建伺服器），至於你文檔操作的程序這個得自行搞定了。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script src="jquery-1.9.1.min.js"></script>
</head>

<body>
<div id="btn">用力點</div>

<script>
$('#btn').click(function(){
$.ajax({
type: "POST",
url: "dom.php", //提價處理的PHP,你也可以是其他處理程序
data: "keyword=HelloWorld", //提交的數據
success: function(msg){
alert( "Data Saved: " + msg ); //返回信息 msg 是dom.php renturn 的返回值
}
});
})
</script>
</body>
</html>

導航:首頁 > 版本升級 > js獲取文件

js獲取文件

與js獲取文件相關的資料

友情鏈接