Javascript是網頁制作中離不開的腳本語言，依靠它，一個網頁的內容才生動活潑、富有朝氣。但也許你還沒有發現並應用它的一些更高級的功能吧？比如，對文件和文件夾進行讀、寫和刪除，就象在VB、VC等高級語言中經常做的工作一樣。怎麼樣，你是否需要了解這方面的知識？那就請跟我來，本文將詳細描述如何使用Javascript語言進行文件操作。
一、功能實現核心：FileSystemObject 對象
其實，要在Javascript中實現文件操作功能，主要就是依靠FileSystemobject對象。在詳細介紹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對象的相關屬性和方法列表
(二)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方法則讀取文本文件的整個內容。讀取的內容存放於字符串變量中，用於顯示、分析。在使用Read或ReadLine方法讀取文件內容時，如果要跳過一些部分，就要用到Skip或SkipLine方法。
下面的代碼演示打開文件、填寫數據，然後讀取數據：
var fso, f1, ts, s;
var ForReading = 1;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 創建文件
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 填寫一行數據
f1.WriteLine("Hello World");
f1.WriteBlankLines(1);
// 關閉文件
f1.Close();
// 打開文件
ts = fso.OpenTextFile("c:\\testfile.txt", ForReading);
// 讀取文件一行內容到字符串
s = ts.ReadLine();
// 顯示字符串信息
alert("File contents = ‘" + s + "‘");
// 關閉文件
ts.Close();
(五)移動、拷貝和刪除文件
對於以上三種文件操作，Javascript各有兩種對應的方法：File.Move 或 FileSystemObject.MoveFile用於移動文件；File.Copy 或FileSystemObject.CopyFile用於拷貝文件；File.Delete 或 FileSystemObject.DeleteFile用於刪除文件。
下面的代碼演示在驅動器C的根目錄下創建一個文本文件，填寫一些內容，然後將文件移動到\tmp目錄下，再在目錄\temp下面建立一個文件拷貝，最後刪除這兩個目錄的文件：
var fso, f1, f2, s;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 寫一行
f1.Write("This is a test.");
// 關閉文件
f1.Close();
// 獲取C:\根目錄下的文件句柄
f2 = fso.GetFile("c:\\testfile.txt");
// 移動文件到\tmp目錄下
f2.Move ("c:\\tmp\\testfile.txt");
// 拷貝文件到\temp目錄下
f2.Copy ("c:\\temp\\testfile.txt");
// 獲取文件句柄
f2 = fso.GetFile("c:\\tmp\\testfile.txt");
f3 = fso.GetFile("c:\\temp\\testfile.txt");
// 刪除文件
f2.Delete();
f3.Delete();
六、結 語
通過以上對FileSystemObject的各種對象、屬性和方法的介紹和示例，相信你已經對如何使用JavaScript語言在頁面中操作驅動器、文件和文件夾有了清晰的認識。但是上述提及的例程都非常簡單，要全面、靈活地掌握JavaScript文件操作技術，還需要大量的實踐練習。而且還有一點提醒大家，由於涉及到在浏覽器中進行文件讀寫這樣的高級操作，對於默認的浏覽器安全級別而言，在代碼運行前都會有一個信息提示。
以上就是小編為大家帶來的js 獲取本地文件及目錄的方法(推薦)全部內容了，希望大家多多支持~