`

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: est.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:\"));

 

请选择段落导航 1.Javascript高级应用:文件操作篇(1) 2.Javascript高级应用:文件操作篇(2) 3.Javascript高级应用:文件操作篇(3) s += "Drive C:" + " - ";

 

s += drv.VolumeName + " ";

 

s += "Total Space: " + drv.TotalSize / 1024;

 

s += " Kb" + " ";

 

s += "Free Space: " + drv.FreeSpace / 1024;

 

s += " Kb" + " ";

 

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 + " ");

 

// 显示所在drive名称

 

alert("Contained on drive " + fldr.Drive + " ");

 

// 判断是否为根目录

 

if (fldr.IsRootFolder)

 

alert("This is the root folder.");

 

else

 

alert("This folder isn't a root folder.");

 

alert(" ");

 

// 创建新文件夹

 

fso.CreateFolder ("C:\Bogus");

 

alert("Created folder C:\Bogus" + " ");

 

// 显示文件夹基础名称,不包含路径名

 

alert("Basename = " + fso.GetBaseName("c:\bogus") + " ");

 

// 删除创建的文件夹

 

fso.DeleteFolder ("C:\Bogus");

 

alert("Deleted folder C:\Bogus" + " ");

 

五、操作文件(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.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的根目录下创建一个文本文件,填写一些内容,然后将文件移动到 mp目录下,再在目录 emp下面建立一个文件拷贝,最后删除这两个目录的文件:

 

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");

 

// 移动文件到 mp目录下

 

f2.Move ("c:\tmp\testfile.txt");

 

// 拷贝文件到 emp目录下

 

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文件操作技术,还需要大量的实践练习。而且还有一点提醒大家,由于涉及到在浏览器中进行文件读写这样的高级操作,对于默认的浏览器安 全级别而言,在代码运行前都会有一个信息提示,这点请在实际环境中提示访问者注意。

分享到:
评论

相关推荐

    JavaScript文件流操作.doc

    在探讨如何利用JavaScript实现文件操作之前,我们首先需要明确一点:标准的Web浏览器环境(如Chrome、Firefox等)并不直接支持`FileSystemObject`对象。这是因为`FileSystemObject`属于ActiveX控件的一部分,而...

    javascript文件操作

    JavaScript文件操作是一个重要的编程主题,尤其对于Web开发者来说,它允许在浏览器环境中处理本地文件,实现数据的存储和读取。以下是对这个主题的详细解释: 1. **File API**: JavaScript中的File API是HTML5引入...

    JavaScript文件操作.doc

    ### JavaScript文件操作详解 在探讨JavaScript文件操作时,我们聚焦于一种特定的环境——即支持ActiveX对象的Internet Explorer浏览器,因为JavaScript原生并不具备直接读写本地文件系统的权限,这是出于安全考虑。...

    Javascript文件操作教程

    Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?...那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作。

    javascript对文件管理

    JavaScript对文件管理主要涉及到Web应用程序中的前端文件操作,这在现代网页应用中变得越来越重要,因为用户经常需要在不离开浏览器的情况下上传、下载或者处理本地文件。JavaScript通过一系列API,如File API、...

    javascript操作文件.doc

    JavaScript 文件操作主要依赖于 `FileSystemObject` 对象,这是一个ActiveX对象,主要用于在Windows环境中进行文件和文件夹的管理。以下是对标题和描述中涉及的知识点的详细解释: 1. **FileSystemObject对象**: ...

    javascript操作xml文件示例

    在JavaScript中,XML(eXtensible Markup Language)文件的操作主要通过DOM(Document Object Model)接口来实现。DOM是一种标准,允许程序和脚本动态更新、添加、删除和改变元素和属性,使得XML文档可以被解析和...

    JavaScript 读写文件

    总结来说,虽然本篇介绍的`ActiveXObject`及`FileSystemObject`已经过时,但在了解JavaScript文件操作的历史背景和发展过程中具有一定的参考价值。对于实际项目开发,建议采用更现代化的技术栈。

    javascript读取本地文件和目录方法详解

    那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作。 一、功能实现核心:FileSystemObject 对象 其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。在详细介绍...

    javascript文件查找

    ### JavaScript 文件查找与本地文件操作 #### 一、概述 在网页开发中,JavaScript 是一种不可或缺的脚本语言,能够使网页内容更加生动有趣。除了常见的网页交互功能外,JavaScript 还可以实现对本地文件系统的操作...

    javascript实用例子文件

    在"javascript_src.rar"这个文件中,可能包含的是源代码文件,可能涵盖了基础语法、DOM操作、事件处理、AJAX请求、闭包、作用域、定时器、JSON处理等多个方面的实例。例如,基础语法部分可能包括变量声明(var、let...

    Javascript----文件操作

    在JavaScript中进行文件操作主要依赖于`FileSystemObject`(FSO),这是一个强大的对象,用于读取、写入、创建和删除文件与目录。FSO属于ActiveX控件的一部分,因此在浏览器环境中通常不可用,主要用于服务器端脚本...

    Javascript写入和读取txt文件

    3. **替代方案**:在现代Web应用中,通常建议使用服务器端脚本(如Node.js)进行文件操作,这样更加安全可靠。 总之,虽然JavaScript可以直接在客户端操作文件系统的能力有限,但在特定条件下(如使用IE浏览器),...

    javascript 操作文件 实现方法小结.docx

    在Web开发中,JavaScript作为前端编程语言之一,主要用于客户端的交互逻辑处理。通常情况下,JavaScript并不具备直接操作用户计算机文件系统的权限,这是出于安全考虑。然而,在某些特定环境下,如使用ActiveX对象的...

    Javascript—-文件操作

    Javascript—-文件操作 一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单...

    JavaScript操作本地文件.doc

    这表明,尽管JavaScript的本地文件操作能力在增强,但仍然存在一些限制,尤其是涉及到文件写入的情况。 总的来说,JavaScript操作本地文件的API扩展了Web应用的可能性,使开发者能够创建更丰富的交互式应用,而无需...

    强人搞的demo: javascript写的操作系统(OS)

    1. **源代码**:JavaScript文件,这些文件实现了操作系统的不同部分,如进程管理、内存分配、文件系统等。 2. **文档**:可能有README文件或其他文档,解释了项目的目标、安装指南、使用方法以及开发过程。 3. **...

    JavaScript文件操作

    javascript文件操作(任务)

    javascript写文件

    #### JavaScript文件操作背景 通常情况下,浏览器环境下的JavaScript是不允许直接访问用户计算机上的文件系统的,这是出于安全考虑。但在某些特定环境下,如服务器端的JavaScript环境(如Node.js)或允许执行特定...

Global site tag (gtag.js) - Google Analytics