注：以下操作只在IE下有效！

    Javascript是網頁製作中離不開的指令碼語言，依靠它，一個網頁的內容才生動活潑、富有朝氣。但也許你還沒有發現並應用它的一些更高階的功能吧？比如，對檔案和資料夾進行讀、寫和刪除，就象在VB、VC等高階語言中經常做的工作一樣。怎麼樣，你是否需要了解這方面的知識？那就請跟我來，本文將詳細描述如何使用Javascript語言進行檔案操作。

一、功能實現核心：FileSystemObject 物件

    其實，要在Javascript中實現檔案操作功能，主要就是依靠FileSystemobject物件。在詳細介紹FileSystemobject物件的各個屬性和方法的

使用細節前，先來看看這個物件包括哪些相關物件和集合：

二、FileSystemObject程式設計三部曲

    使用FileSystemObject 物件進行程式設計很簡單，一般要經過如下的步驟： 建立FileSystemObject物件、應用相關方法、訪問物件相關屬性 。

(一)建立FileSystemObject物件

建立FileSystemObject物件的程式碼只要1行：

1 var fso = new ActiveXObject("Scripting.FileSystemObject");

上述程式碼執行後，fso就成為一個FileSystemObject物件例項。

 

(二)應用相關方法

建立物件例項後，就可以使用物件的相關方法了。比如，使用CreateTextFile方法建立一個文字檔案：

1 var fso = new ActiveXObject("Scripting.FileSystemObject");
2 var f1 = fso.createtextfile("E:\\myjstest.txt",true");

(三)訪問物件相關屬性

要訪問物件的相關屬性，首先要建立指向物件的控制代碼，這就要通過get系列方法實現：GetDrive負責獲取驅動器資訊，GetFolder負責獲取文件夾資訊，GetFile負責獲取檔案資訊。比如，指向下面的程式碼後，f1就成為指向檔案c:\test.txt的控制代碼：

1 var fso = new ActiveXObject("Scripting.FileSystemObject");
2 var f1 = fso.GetFile("E:\\myjstest.txt");

然後，使用f1訪問物件的相關屬性。比如：

1 var fso = new ActiveXObject("Scripting.FileSystemObject");
2 var f1 = fso.GetFile("E:\\myjstest.txt");
3 alert("檔案最後建立日期: " + f1.DateLastModified);

執行上面最後一句後，將顯示E:\myjstest.txt的最後修改日期屬性值。

但有一點請注意：對於使用create方法建立的物件，就不必再使用get方法獲取物件控制代碼了，這時直接使用create方法建立的控制代碼名稱就可以：

1 var fso = new ActiveXObject("Scripting.FileSystemObject");
2 var f1 = fso.createtextfile("E:\\myjstest.txt",true");
3 alert("檔案最後建立日期: " + f1.DateLastModified);

三、操作驅動器(Drives)

使用FileSystemObject物件來程式設計操作驅動器(Drives)和資料夾(Folders)很容易，這就象在Windows檔案瀏覽器中對檔案進行互動操作一樣，比如：拷貝、移動資料夾，獲取資料夾的屬性。

(一)Drives物件屬性

Drive物件負責收集系統中的物理或邏輯驅動器資源內容，它具有如下屬性：

TotalSize：以位元組(byte)為單位計算的驅動器大小。

AvailableSpace或FreeSpace：以位元組(byte)為單位計算的驅動器可用空間。

DriveLetter：驅動器字母。

DriveType：驅動器型別，取值為：removable(移動介質)、fixed(固定介質)、network(網路資源)、CD-ROM或者RAM盤。

SerialNumber：驅動器的系列碼。

FileSystem：所在驅動器的檔案系統型別，取值為FAT、FAT32和NTFS。

IsReady：驅動器是否可用。

ShareName：共享名稱。

VolumeName：卷標名稱。

Path和RootFolder：驅動器的路徑或者根目錄名稱。

(二)Drive物件操作例程

下面的例程顯示驅動器C的卷標、總容量和可用空間等資訊：

 1 <script type="text/javascript"> 
 2 var fso, drv, s ="";
 3 fso = new ActiveXObject("Scripting.FileSystemObject");
 4 drv = fso.GetDrive(fso.GetDriveName("E:\\"));
 5 s += "E盤:" + " - \n";
 6 s += "硬碟大小：" + Math.floor(drv.TotalSize / 1024/1024/1024);
 7 s += " GB" + "\n";
 8 s += "硬碟可用空間：" + Math.floor(drv.FreeSpace / 1024/1024/1024);
 9 s += " GB" + "\n";
10 s += "硬碟可用空間：" + Math.floor(drv.AvailableSpace / 1024/1024/1024);
11 s += " GB" + "\n";
12 s += "驅動器碟符：" + drv.DriveLetter+"盤\n";
13 s += "驅動器型別：" +drv.DriveType+"\n";
14 s += "驅動器的系列碼:" +drv.SerialNumber+"\n";
15 s += "驅動器的檔案系統型別:" +drv.FileSystem+"\n";
16 s += "驅動器是否可用:" +drv.IsReady+"\n";
17 s += "共享名稱:" +drv.ShareName+"\n";
18 s += "卷標名稱:" +drv.VolumeName+"\n";
19 s += "驅動器的路徑或者根目錄名稱:" +drv.Path+"\n";
20 s += "驅動器的路徑或者根目錄名稱:" +drv.RootFolder+"\n";
21 alert(s);
22 </script>

四、操作資料夾(Folders)

涉及到資料夾的操作包括建立、移動、刪除以及獲取相關屬性。

(一)Folder物件的相關屬性和方法列表

(二)Folder物件操作例程

下面的例程將練習獲取父資料夾名稱、建立資料夾、刪除資料夾、判斷是否為根目錄等操作：

 1 var fso, fldr, s = "";
 2 // 建立FileSystemObject物件例項
 3 fso = new ActiveXObject("Scripting.FileSystemObject");
 4 // 獲取Drive 物件
 5 fldr = fso.GetFolder("E:\\");
 6 // 顯示父目錄名稱
 7 alert("父目錄是: " + fldr + "\n");
 8 // 顯示所在drive名稱
 9 alert("碟符是： " + fldr.Drive + "\n");
10 // 判斷是否為根目錄
11 if (fldr.IsRootFolder)
12 alert("這是根目錄.");
13 else
14 alert("這不是根目錄.");
15 // 建立新資料夾
16 fso.CreateFolder ("E:\\html");
17 alert("建立資料夾 E:\\html" + "\n");
18 // 顯示資料夾基礎名稱，不包含路徑名
19 alert("Basename = " + fso.GetBaseName("E:\\html") + "\n");
20 // 刪除建立的資料夾
21 fso.DeleteFolder ("E:\\html");
22 alert("刪除資料夾 E:\\html" + "\n");

五、操作檔案(Files)

    對檔案進行的操作要比以上介紹的驅動器(Drive)和資料夾(Folder)操作複雜些，基本上分為以下兩個類別：對檔案的建立、拷貝、移動、刪除操作和對檔案內容的建立、新增、刪除和讀取操作。下面分別詳細介紹。

(一)建立檔案

一共有3種方法可用於建立一個空文字檔案，這種檔案有時候也叫做文字流(text stream)。

第一種是使用CreateTextFile方法。程式碼如下：

1 var fso, f1;
2 fso = new ActiveXObject("Scripting.FileSystemObject");
3 f1 = fso.CreateTextFile("E:\\testfile.txt", true);

第二種是使用OpenTextFile方法，並新增上ForWriting屬性，ForWriting的值為2。程式碼如下：

1 var fso, ts;
2 var ForWriting= 2;
3 fso = new ActiveXObject("Scripting.FileSystemObject");
4 ts = fso.OpenTextFile("E:\\test.txt", ForWriting, true);

第三種是使用OpenAsTextStream方法，同樣要設定好ForWriting屬性。程式碼如下：

1 var fso, f1, ts;
2 var ForWriting = 2;
3 fso = new ActiveXObject("Scripting.FileSystemObject");
4 fso.CreateTextFile ("E:\\test1.txt");
5 f1 = fso.GetFile("E:\\test1.txt");
6 ts = f1.OpenAsTextStream(ForWriting, true);

(二)新增資料到檔案

    當檔案被建立後，一般要按照“開啟檔案→填寫資料→關閉檔案”的步驟實現新增資料到檔案的目的。

開啟檔案可使用FileSystemObject物件的OpenTextFile方法，或者使用File物件的OpenAsTextStream方法。

填寫資料要使用到TextStream物件的Write、WriteLine或者WriteBlankLines方法。在同是實現寫入資料的功能下，這3者的區別在於：Write方法不在寫入資料末尾新增新換行符，WriteLine方法要在最後新增一個新換行符，而WriteBlankLines則增加一個或者多個空行。

關閉檔案可使用TextStream物件的Close方法。

(三)建立檔案及新增資料例程

下面的程式碼將建立檔案、新增資料、關閉檔案幾個步驟結合起來進行應用：

 1 var fso, tf;
 2 fso = new ActiveXObject("Scripting.FileSystemObject");
 3 // 建立新檔案
 4 tf = fso.CreateTextFile("E:\\testfile.txt", true);
 5 // 填寫資料，並增加換行符
 6 tf.WriteLine("Testing 1, 2, 3.") ;
 7 // 增加3個空行
 8 tf.WriteBlankLines(3);
 9 // 填寫一行，不帶換行符
10 tf.Write ("我是深情小建.");
11 // 關閉檔案
12 tf.Close();

(四)讀取檔案內容

從文字檔案中讀取資料要使用TextStream物件的Read、ReadLine或ReadAll 方法。Read方法用於讀取檔案中指定數量的字元；ReadLine方法讀取一整行，但不包括換行符；ReadAll方法則讀取文字檔案的整個內容。讀取的內容存放於字串變數中，用於顯示、分析。在使用Read或ReadLine方法讀取檔案內容時，如果要跳過一些部分，就要用到Skip或SkipLine方法。

下面的程式碼演示開啟檔案、填寫資料，然後讀取資料：

 1 var fso, f1, ts, s;
 2 var ForReading = 1;
 3 fso = new ActiveXObject("Scripting.FileSystemObject");
 4 // 建立檔案
 5 f1 = fso.CreateTextFile("E:\\testfile.txt", true);
 6 // 填寫一行資料
 7 f1.WriteLine("我是深情小建");
 8 f1.WriteBlankLines(1);
 9 // 關閉檔案
10 f1.Close();
11 // 開啟檔案
12 ts = fso.OpenTextFile("E:\\testfile.txt", ForReading);
13 // 讀取檔案一行內容到字串
14 s = ts.ReadLine();
15 // 顯示字串資訊
16 alert("檔案資訊是： ‘" + s + "‘");
17 // 關閉檔案
18 ts.Close();

(五)移動、拷貝和刪除檔案

對於以上三種檔案操作，Javascript各有兩種對應的方法：File.Move 或 FileSystemObject.MoveFile用於移動檔案；File.Copy 或FileSystemObject.CopyFile用於拷貝檔案；File.Delete 或 FileSystemObject.DeleteFile用於刪除檔案。

下面的程式碼演示在驅動器C的根目錄下建立一個文字檔案，填寫一些內容，然後將檔案移動到\html1目錄下，再在目錄\html2下面建立一個檔案拷貝，最後刪除這兩個目錄的檔案：

 1 var fso, f1, f2, s;
 2 fso = new ActiveXObject("Scripting.FileSystemObject");
 3 f1 = fso.CreateTextFile("E:\\testfile.txt", true);
 4 alert("建立檔案成功");
 5 // 寫一行
 6 f1.Write("我是深情小建.");
 7 alert("向檔案寫入資料成功");
 8 // 關閉檔案
 9 f1.Close();
10 // 獲取C:\根目錄下的檔案控制代碼
11 f2 = fso.GetFile("E:\\testfile.txt");
12 // 移動檔案到\html1目錄下
13 f2.Move ("E:\\html1\\testfile.txt");
14 alert("移動檔案到html1資料夾下");
15 // 拷貝檔案到\html2目錄下
16 f2.Copy ("E:\\html2\\testfile.txt");
17 alert("拷貝檔案到html2資料夾下");
18 // 獲取檔案控制代碼
19 f2 = fso.GetFile("E:\\html1\\testfile.txt");
20 f3 = fso.GetFile("E:\\html2\\testfile.txt");
21 // 刪除檔案
22 f2.Delete();
23 f3.Delete();
24 alert("刪除檔案成功");

六、結 語

    通過以上對FileSystemObject的各種物件、屬性和方法的介紹和示例，相信你已經對如何使用JavaScript語言在頁面中操作驅動器、檔案和資料夾有了清晰的認識。但是上述提及的例程都非常簡單，要全面、靈活地掌握JavaScript檔案操作技術，還需要大量的實踐練習。而且還有一點提醒大家，由於涉及到在瀏覽器中進行檔案讀寫這樣的高階操作，對於預設的瀏覽器安全級別而言，在程式碼執行前都會有一個資訊提示。