問題描述：假設網頁有個文字框之類的東西，想通過點選某一按鈕後，將使用者在文字框中輸入的內容直接儲存在本地某個檔案中。同理，也想通過頁面直接讀取本地檔案中的內容。

問題分析：因為整個處理過程不涉及到後臺的執行，所以處理過程應該在前臺進行處理。那就是通過js程式碼來處理。

解決過程：通過在網上查詢，發現了js中的ActiveXObject類。

將頁面使用者填入的資訊儲存到本地檔案中：

function getInfoFromWeb() {
	var strFile = "D:\\test.txt";	//定義檔案儲存的路徑
	
	//new一個ActiveXObject類的物件。
	var objFSO = new ActiveXObject("Scripting.FileSystemObject");
	
	// 檢查檔案是否存在
	if (!objFSO.FileExists(strFile)) {
		// 建立文字檔案
		var objStream = objFSO.CreateTextFile(strFile, true);
		objStream.Write("在這裡填寫需要在文字中存放的值，可以是一個變數");
		objStream.Close(); // 關閉檔案
		alert("ok");
	}
	else {
		alert("文字檔案: " + strFile + "已經存在<br>");
	}
}
 

讀取本地檔案中的內容到前端頁面：

function readInfoToWeb(){
	var fso, ts, s; //fso為ActiveXObject類的物件，ts為需要開啟的檔案物件，s儲存從檔案物件ts中讀取的內容
	var ForReading = 1; 
	
	//new一個ActiveXObject類的物件
	fso = new ActiveXObject("Scripting.FileSystemObject");
	//開啟檔案路徑
	ts = fso.OpenTextFile("d:\\testfile.txt", ForReading);
	//讀取檔案內容
	s = ts.ReadLine();
	//將檔案內容寫入到對應的標籤中
	document.getElementById("這裡填寫對應標籤的id").innerHTML = s; 
}
 

注：以上的程式碼只可以在IE中成功執行。

在這篇文章中介紹的比較全面，感謝！

JavaScript中ActiveXObject物件是啟用並返回 Automation 物件的引用。使用方法：

newObj = new ActiveXObject(servername.typename[, location])

ActiveXObject 物件語法有這些部分：其中newObj是必選項。要賦值為 ActiveXObject 的變數名。
servername是必選項。提供該物件的應用程式的名稱。
typename是必選項。要建立的物件的型別或類。
location是可選項。建立該物件的網路伺服器的名稱。

切記：ActiveX是微軟的東西，故而只有IE才支援！

javaScript中利用ActiveXObject來建立FileSystemObject操作檔案

一、功能實現核心：FileSystemObject 物件
要在javascript中實現檔案操作功能，主要就是依靠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方法則讀取文字檔案的整個內容。讀取的內容存放於字串變數中，用於顯示、分析。在使用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();

總結：上述提及的例程都非常簡單，要全面、靈活地掌握javascript檔案操作技術，還需要大量的實踐練習。而且還有一點提醒大家，由於涉及到在瀏覽器中進行檔案讀寫這樣的高階操作，對於預設的瀏覽器安全級別而言，在程式碼執行前都會有一個資訊提示，這點請在實際環境中提示訪問者注意。