JS讀取/創建本地文件及目錄文件夾的方法


注:以下操作只在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文件操作技術,還需要大量的實踐練習。而且還有一點提醒大家,由於涉及到在瀏覽器中進行文件讀寫這樣的高級操作,對於默認的瀏覽器安全級別而言,在代碼運行前都會有一個信息提示。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM