Javascript的檔案操作

javascript

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檔案操作技術，還需要大量的實踐練習。而且還有一點提醒大家，由於涉及到在瀏覽器中進行檔案讀寫這樣的進階操作，對於預設的瀏覽器安全層級而言，在代碼運行前都會有一個資訊提示，這點請在實際環境中提示訪問者注意。