js讀文件夾獲取文件_如何用JS 獲取本地文件夾的文件列表

① js怎麼讀取文件夾中未知文件的文件名

讀出整個文件夾的文件列表，然後檢測文件名，最後4個字母匹配「。後綴」那就是你需要的文件，至於有多個這樣的文件，需要選擇哪一個，那就是邏輯問題了

② javascript讀取某文件夾下的所有文件

實例說明
BuildPath(路徑,文件名)
//這個方法會對給定的路徑加上文件，並自動加上分界符
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
CopyFile(源文件,
目標文件,
覆蓋)
//復制源文件到目標文件，當覆蓋值為true時，如果目標文件存在會把文件覆蓋
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
CopyFolder(對象目錄,目標目錄
,覆蓋)
//復制對象目錄到目標目錄，當覆蓋為true時，如果目標目錄存在會把文件覆蓋
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
CreateFolder(目錄名)
//創建一個新的目錄
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
CreateTextFile(文件名,
覆蓋)
//創建一個新的文件，如果此文件已經存在，你需要把覆蓋值定為true
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
DeleteFile(文件名,
只讀？)
//刪除一個文件，如果文件的屬性是只讀的話，你需要把只讀值設為true
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
DeleteFolder(文件名,
只讀？)//刪除一個目錄，如果目錄的屬性是只讀的話，你需要把只讀值設為true
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
DriveExists(盤符)
//檢查一個盤是否存在，如果存在就返會真，不存在就返回.......
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
FileExists(文件名)
//檢查一個文件是否存在，如果存在就返會真，不存在就返回.......
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
FolderExists(目錄名)
//檢查一個目錄是否存在，如果存在就返會真，不存在就返回.......
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetAbsolutePathName(文件對象)
//返迴文件對象在系統的絕對路徑
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetBaseName(文件對象)
//返迴文件對象的文件名
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetExtensionName(文件對象)
//文件的後綴
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetParentFolderName(文件對象)
//取得父級的目錄名
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetSpecialFolder(目錄代碼)
//取得系統中一些特別的目錄的路徑，目錄代碼有3個分別是
0:安裝Window的目錄
1:系統文件目錄
2:臨時文件目錄
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
GetTempName()
//生成一個隨機的臨時文件對象，會以rad帶頭後面跟著些隨機數，就好象一些軟體在安裝時會生成*.tmp
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>
MoveFile(源文件,
目標文件)
//把源文件移到目標文件的位置
<SCRIPT
LANGUAGE="JavaScript">

</SCRIPT>

③ 如何用JS 獲取本地文件夾的文件列表

一、功能實現核心：FileSystemObject 對象
要在java-script中實現文件操作功能，主要就是依靠FileSystemobject對象。
二、FileSystemObject編程
使用FileSystemObject 對象進行編程很簡單，一般要經過如下的步驟：創建FileSystemObject對象、應用相關方法、訪問對象相關屬性。
（一）創建FileSystemObject對象
創建FileSystemObject對象的
代碼只要1行：
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代碼執行後，fso就成為一個FileSystemObject對象實例。
（二）應用相關方法
創建對象實例後，就可以使用對象的相關方法了。比如，使用CreateTextFile方法創建一個文本文件：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
（三）訪問對象相關屬性
要訪問對象的相關屬性，首先要建立指向對象的句柄，這就要通過get系列方法實現：GetDrive負責獲取驅動器信息，GetFolder負責獲取文件夾信息，GetFile負責獲取文件信息。比如，指向下面的代碼後，f1就成為指向文件c:\test.txt的句柄：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
然後，使用f1訪問對象的相關屬性。比如：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
執行上面最後一句後，將顯示c:\myjstest.txt的最後修改日期屬性值。
但有一點請注意：對於使用create方法建立的對象，就不必再使用get方法獲取對象句柄了，這時直接使用create方法建立的句柄名稱就可以：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
alert("File last modified: " + f1.DateLastModified);
三、操作驅動器（Drives）
使用FileSystemObject對象來編程操作驅動器（Drives）和文件夾（Folders）很容易，這就象在Windows文件瀏覽器中對文件進行交互操作一樣，比如：拷貝、移動文件夾，獲取文件夾的屬性。
（一）Drives對象屬性
Drive對象負責收集系統中的物理或邏輯驅動器資源內容，它具有如下屬性：
l TotalSize：以位元組（byte）為單位計算的驅動器大小。
l AvailableSpace或FreeSpace：以位元組（byte）為單位計算的驅動器可用空間。
l DriveLetter：驅動器字母。
l DriveType：驅動器類型，取值為：removable（移動介質）、fixed（固定介質）、network（網路資源）、CD-ROM或者RAM盤。
l SerialNumber：驅動器的系列碼。
l FileSystem：所在驅動器的文件系統類型，取值為FAT、FAT32和NTFS。
l IsReady：驅動器是否可用。
l ShareName：共享名稱。
l VolumeName：卷標名稱。
l Path和RootFolder：驅動器的路徑或者根目錄名稱。
（二）Drive對象操作常式
下面的常式顯示驅動器C的卷標、總容量和可用空間等信息：
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\n";
alert(s);
四、操作文件夾（Folders）
涉及到文件夾的操作包括創建、移動、刪除以及獲取相關屬性。
Folder對象操作常式 :
下面的常式將練習獲取父文件夾名稱、創建文件夾、刪除文件夾、判斷是否為根目錄等操作：
var fso, fldr, s = "";
// 創建FileSystemObject對象實例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 獲取Drive 對象
fldr = fso.GetFolder("c:\\");
// 顯示父目錄名稱
alert("Parent folder name is: " + fldr + "\n");
// 顯示所在drive名稱
alert("Contained on drive " + fldr.Drive + "\n");
// 判斷是否為根目錄
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn't a root folder.");
alert("\n\n");
// 創建新文件夾
fso.CreateFolder ("C:\\Bogus");
alert("Created folder C:\\Bogus" + "\n");
// 顯示文件夾基礎名稱，不包含路徑名
alert("Basename = " + fso.GetBaseName("c:\\bogus") + "\n");
// 刪除創建的文件夾
fso.DeleteFolder ("C:\\Bogus");
alert("Deleted folder C:\\Bogus" + "\n");
五、操作文件（Files）
對文件進行的操作要比以上介紹的驅動器（Drive）和文件夾（Folder）操作復雜些，基本上分為以下兩個類別：對文件的創建、拷貝、移動、刪除操作和對文件內容的創建、添加、刪除和讀取操作。下面分別詳細介紹。
（一）創建文件
一共有3種方法可用於創建一個空文本文件，這種文件有時候也叫做文本流（text stream）。
第一種是使用CreateTextFile方法。代碼如下：
var fso, f1;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
第二種是使用OpenTextFile方法，並添加上ForWriting屬性，ForWriting的值為2。代碼如下：
var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\test.txt", ForWriting, true);
第三種是使用OpenAsTextStream方法，同樣要設置好ForWriting屬性。代碼如下：
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
（二）添加數據到文件
當文件被創建後，一般要按照「打開文件－>填寫數據－>關閉文件」的步驟實現添加數據到文件的目的。
打開文件可使用FileSystemObject對象的OpenTextFile方法，或者使用File對象的OpenAsTextStream方法。
填寫數據要使用到TextStream對象的Write、WriteLine或者WriteBlankLines方法。在同是實現寫入數據的功能下，這3者的區別在於：Write方法不在寫入數據末尾添加新換行符，WriteLine方法要在最後添加一個新換行符，而WriteBlankLines則增加一個或者多個空行。
關閉文件可使用TextStream對象的Close方法。
（三）創建文件及添加數據常式
下面的代碼將創建文件、添加數據、關閉文件幾個步驟結合起來進行應用：
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 創建新文件
tf = fso.CreateTextFile("c:\\testfile.txt", true);
// 填寫數據，並增加換行符
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3個空行
tf.WriteBlankLines(3) ;
// 填寫一行，不帶換行符
tf.Write ("This is a test.");
// 關閉文件
tf.Close();
（四）讀取文件內容
從文本文件中讀取數據要使用TextStream對象的Read、ReadLine或ReadAll 方法。Read方法用於讀取文件中指定數量的字元； ReadLine方法讀取一整行，但不包括換行符；ReadAll方法則讀取文本文件的整個內容。讀取的內容存放於字元串變數中，用於顯示、分析。

方法或者屬性描述
BuildPath()
生成一個文件路徑
CopyFile() 復制文件
CopyFolder() 復制目錄
CreateFolder() 創建新目錄
CreateTextFile() 生成一個文件
DeleteFile() 刪除一個文件
DeleteFolder() 刪除一個目錄
DriveExists() 檢驗盤符是否存在
Drives 返回盤符的集合
FileExists() 檢驗文件是否存在
FolderExists 檢驗一個目錄是否存在
GetAbsolutePathName() 取得一個文件的絕對路徑
GetBaseName() 取得文件名
GetDrive() 取得盤符名
GetDriveName() 取得盤符名
GetExtensionName() 取得文件的後綴
GetFile() 生成文件對象
GetFileName() 取得文件名
GetFolder() 取得目錄對象
GetParentFolderName 取得文件或目錄的父目錄名
GetSpecialFolder() 取得特殊的目錄名
GetTempName() 生成一個臨時文件對象
MoveFile() 移動文件
MoveFolder() 移動目錄
OpenTextFile() 打開一個文件流

f.Files //目錄下所有文件集合
f.attributes //文件屬性
Case 0 Str="普通文件。沒有設置任何屬性。 "
Case 1 Str="只讀文件。可讀寫。 "
Case 2 Str="隱藏文件。可讀寫。 "
Case 4 Str="系統文件。可讀寫。 "
Case 16 Str="文件夾或目錄。只讀。 "
Case 32 Str="上次備份後已更改的文件。可讀寫。 "
Case 1024 Str="鏈接或快捷方式。只讀。 "
Case 2048 Str=" 壓縮文件。只讀。"
f.Datecreated // 創建時間
f.DateLastAccessed //上次訪問時間
f.DateLastModified // 上次修改時間
f.Path //文件路徑
f.Name //文件名稱
f.Type //文件類型
f.Size // 文件大小（單位：位元組）
f.ParentFolder //父目錄
f.RootFolder // 根目錄

④ javascript 讀取文件

試試使用httprequest

varfileName="http://10.10.10.10/file.txt";
	vartxtFile;
txtFile=newXMLHttpRequest();
	txtFile.open("GET",fileName,false);
	txtFile.send();
	vartxtDoc=txtFile.responseText;

希望對你有所幫助

⑤ js如何讀取伺服器端文件目錄

1、先准備一個json文件。

⑥ 怎麼使用ActiveX控制項實現用js獲取本地電腦中某個文件夾中的所有TXT文件並讀取其中的數據

單擊「開始」，指向「設置」，單擊「控制面板」，雙擊「添加/刪除程序」，然後單擊「安裝/卸載」選項卡。 2. 如果您要刪除的 ActiveX 控制項出現在安裝的程序列表中，請單擊該 ActiveX 控制項，單擊「添加/刪除」，然後按照屏幕上的說明操作。如果該 ActiveX 控制項沒有出現在安裝的程序列表中，則繼續執行下一步。 3. 單擊「開始」，單擊「運行」，在「打開」框中鍵入下列行，然後單擊「確定」: regsvr32 drive:\windows\occache\filename.ocx /u 注意:drive 是 Windows 文件夾所在的驅動器號，windows 是安裝 Windows 的文件夾名，而 filename.ocx 是您想要刪除的 ActiveX 控制項。注意:如果您不知道要刪除的 ActiveX 控制項 (.ocx) 的文件名，則可以通過查看安裝或使用 ActiveX 控制項的 Web 頁的超文本標記語言 (HTML) 源文件來確定該文件名。若要查看一個 Web 頁的 HTML 源文件，請右擊該 Web 頁的空白區域，然後單擊「查看源文件」。 4. 在 Windows 資源管理器或 Windows NT 資源管理器中，單擊 Windows\Occache 文件夾中的 .ocx 文件，然後單擊「文件」菜單上的「刪除」。 Occache 是在 Internet Explorer 3.x 的所有版本中安裝有 ActiveX 控制項的文件夾的名稱。Regsvr32.exe 文件是由 Internet Explorer 安裝的，並且可用於注冊和刪除 ActiveX 控制項的注冊表項。 Internet Explorer 4.x 或更高版本(所有平台) Internet Explorer 4.x 或更高版本，包括 Occache.dll 文件，該文件可用於使用「shell 文件夾」枚舉、更新和安全地卸載 ActiveX 控制項。 1. 單擊「開始」，指向「設置」，單擊「控制面板」，雙擊「添加/刪除程序」，然後單擊「安裝/卸載」選項卡。 2. 如果您要刪除的 ActiveX 控制項出現在安裝的程序列表中，請單擊該 ActiveX 控制項，單擊「添加/刪除」，然後按照屏幕上的說明操作。如果該 ActiveX 控制項沒有出現在安裝的程序列表中，則繼續執行下一步。 3. 在 Windows 資源管理器或 Windows NT 資源管理器中，雙擊 Windows\Downloaded Program Files 文件夾或 Winnt\Downloaded Program Files 文件夾，右擊您想要刪除的 ActiveX 控制項，然後單擊「刪除」。 4. 在系統提示您是否刪除該 ActiveX 控制項後，單擊「是」。重要說明:如果您正運行 Internet Explorer 4.0，則不應刪除以下 ActiveX 控制項: ?? DirectAnimation Java Classes ?? Internet Explorer Classes for Java ?? Microsoft XML Parser for Java ?? Win32 Classes Internet Explorer 5.0 或更高版本不要求 Downloaded Program Files 文件中的這些組件。刪除 ActiveX 控制項時出現的錯誤信息在您嘗試使用 Occache shell 文件夾刪除一個 ActiveX 控制項時，可能顯示以下錯誤信息之一: ?? Share Violation These program files are currently being used by one or more programs.Please close some programs, and try again.You may need to restart Windows. ?? Component Removal About to remove a Windows system DLL:(<path\filename).Okay to delete?共享沖突:如果您正要刪除的 ActiveX 控制項當前在內存中由 Internet Explorer 或「活動桌面」組件載入，則顯示此錯誤信息。若要解決此錯誤信息，請按照下列步驟操作: 1. 關閉所有打開的 Internet Explorer 窗口。 2. 禁用「活動桌面」。為此，請右擊桌面上的空白區域，指向 Active Desktop，然後單擊「按 Web 頁查看」以清除該復選標記。 3. 按照本文中前面部分的「Internet Explorer 4.0 或更高版本」部分中介紹的步驟，刪除該 ActiveX 控制項。注意:您最好在刪除 ActiveX 控制項前重新啟動 Windows。組件刪除:當您要刪除的 ActiveX 控制項向已注冊的 Occache 文件夾以外的文件夾(例如，Windows\System 或 Winnt\System32)安裝文件時，該信息只出現在 4.01 Service Pack 1 (SP1) 之前的 Internet Explorer 4 版本中。Occache 不是總能確定這些文件是否正由其程序共享。如果您確定消息中顯示的一個或多個文件未由 Windows 或其他程序使用，請單擊「是」。否則，單擊「否」。

⑦ jszip.js遠程讀取一個zip文件

項目用到了jszip.js插件,用於在後台獲取zip文件,前端解壓並將模型進行在線顯示.

官網

jszip的API說明為英文,例子其實也有些模糊.

遠程載入一個文件, 使用官網的例子 :(自行觀看);

這里作為筆記,主要是想說

promise.then(JSZip.loadAsync)

.then(function( zip ){returnzip.file("Hello.txt").async("string");

此處可以返回一個值,返回的值就是下一個.then的實參

})

這里的zip就是讀取到的zip的數據,主要的屬性諸如files就是zip中的文件,可以通過zip.file(filename)的形式將該文件對象進行存儲,但是這里的文件對象其實是一個promise,當我們需要使用的時候可以通過.then 的形式使用

例如: pic.then(function(data){

//data就是該文件的數據,得到data後可以通過使用,這里就需要注意我們在存儲的時候可以通過使用zip.file(filename).async(數據形式)來定義數據的存儲形式,例如base64,blob,arraybuffer,其中base64是圖片的存儲格式,但是是沒有前綴的,必須加相應的前綴才可以顯示.data:image/png;base64;就可以直接賦值給image.src;

})

⑧ 怎麼使用JS得到電腦中某個文件夾下的所有TXT文件,並且讀取裡面的數據

你的是win7還是xp的。如果win7的，在工具-文件夾選項-搜索-勾選始終搜索文件名和內容，這樣可以么？
圖上面我的沒有勾

⑨ 原生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);

})

⑩ 怎麼使用javascript讀取相對路徑下某個文件夾中指定類型的文件

這要看你的指定類型文件的位置在哪了。暫定指定類型文件是.txt
1，和js文件在同一個文件夾下，相對路徑處就直接寫txt文件的文件全名就可以了如：「abc.txt」;
2，和js文件不在同一個文件夾下，且在js的上一級文件夾中，那麼就應該寫成「./abc,txt『;
3，和js文件不在同一個文件夾下，可以寫成」../../abc.txt「. 這個方法需要你去嘗試，如果你的abc.txt有多個（不在同一個文件夾下），你就可以這樣寫」../../bin/txt/abc.txt「.

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

js讀文件夾獲取文件

與js讀文件夾獲取文件相關的資料

友情鏈接