`
liuyf8688
  • 浏览: 99794 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js操作文件

阅读更多
javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读、写和删除,就象在VB、VC等高级语言中经常做的工作一样。怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用javascript语言进行文件操作。
一、功能实现核心: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();
分享到:
评论

相关推荐

    js对本地文件操作

    js对本地文件操作,仅限IE浏览器使用,其它浏览器不兼容(ActiveXObject方法)

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

    ### JavaScript操作文件实现方法小结 #### 一、引言 在Web开发中,JavaScript作为前端编程语言之一,主要用于客户端的交互逻辑处理。通常情况下,JavaScript并不具备直接操作用户计算机文件系统的权限,这是出于...

    JavaScript文件流操作.doc

    然而,在某些特定环境中,如服务器端JavaScript(如Node.js)或一些旧版的IE插件开发场景下,了解如何使用`FileSystemObject`进行文件操作仍然具有一定的价值。 #### 二、`FileSystemObject`编程基础 使用`...

    Js操作文本文件大全.pdf

    如果在使用JavaScript操作文件时,出现了Automation不能创建解决的问题,可以通过创建一个命令文件来解决该问题。该命令文件可以删除相关的注册表项,从而解决Automation不能创建解决的问题。 Js操作文本文件大全....

    js实现读写文件操作

    js实现的读写文件,文件放在的c:\12.txt里

    js 操作xml 文件 读取xml文件

    js 操作xml 文件 读取xml文件 js 操作xml 文件 读取xml文件

    JS文件操作Demo

    在支持的环境中,可以通过`write()`、`seek()`和`truncate()`方法来操作文件。 5. **URL.createObjectURL()** 这个方法可以创建一个表示指定Blob或File的URL,以便在页面上显示或处理。例如,创建的URL可以用于...

    js进行本地文件操作

    #### 四、操作文件和文件夹 ##### 1. 创建文件/文件夹 ```javascript // 创建文件 var f1 = fso.CreateTextFile("c:\\myjstest.txt", true); // 创建文件夹 var folder = fso.CreateFolder("c:\\myfolder"); ``` ...

    js文件操作

    - 在现代Web开发中,通常不会直接使用JavaScript操作本地文件系统,而是通过服务器端语言或Web APIs(如File API、Blob API等)实现文件处理功能。 - 安全性是首要考虑因素,特别是在处理用户上传的文件时,必须采取...

    JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】.docx

    由于 JavaScript 基于安全考虑,不允许直接操作本地文件,因此需要使用插件或其他方式来实现文件保存。基于 FileSaver.js 插件实现保存文件到本地的方法是目前最流行和最可靠的方法之一。 FileSaver.js 插件是一个...

    原生JS上传文件,获取文件二进制数据及文件大小和文件名称

    `FileReader`的`onload`事件会在读取操作完成后触发,此时`result`属性会包含文件的ArrayBuffer。我们可以通过`Uint8Array`来访问这个ArrayBuffer,从而获取到文件的二进制数据。 以上是使用原生JavaScript进行文件...

    java和js操作XML文件

    2. JavaScript操作XML文件 - DOM操作:JavaScript同样使用DOM接口处理XML。通过`new DOMParser()`解析XML字符串,或`XMLHttpRequest`加载XML文件。例如: ```javascript var parser = new DOMParser(); var xml ...

    javascript 保存文件 (含两种方法)

    对于现代浏览器,HTML5引入了File API,允许JavaScript直接操作文件。然而,浏览器出于安全考虑,并不直接提供保存文件的功能。这时,我们可以借助FileSaver.js库来模拟这一功能。FileSaver.js是一个轻量级的库,它...

    js文件编辑器

    "js文件编辑器"是指利用JavaScript技术实现的文本编辑工具,允许用户在浏览器环境中创建、修改和保存文本文件。这类编辑器通常具有丰富的功能,如语法高亮、代码自动补全、缩进管理等,以提高程序员的开发效率。 ...

    动态加载外部JS文件

    动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...

    Node.js-draxt.js–一个工具模块用于在Node.js环境中选择和操作文件系统对象

    而 draxt.js 是一个专门为 Node.js 开发的工具模块,它提供了一种方便的方式来选择和操作文件系统中的对象。在 Node.js 开发中,文件系统的操作是非常常见且重要的,例如读取、写入、创建、删除文件或目录等。draxt....

    js实现文件上传

    在JavaScript(简称js)中实现文件上传功能是Web开发中的常见需求,特别是在现代网页应用中,用户可能需要上传图片、文档等数据。本教程将详细讲解如何利用js实现这一功能,以及涉及到的关键技术和库。 首先,`js...

    FSO javascript文件操作大全

    ### FSO JavaScript 文件操作大全详解 #### 一、概述 在Web开发中,尤其是在服务器端脚本编写中,经常需要对文件系统进行操作。而**FSO (File System Object)** 提供了一种简单的方式来实现这一需求。FSO是微软提供...

    Javascript文件操作教程

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

    element.js文件

    "Element.js" 文件是JavaScript库中的一个重要组成部分,它通常用于构建用户界面,特别是在Web开发中。JavaScript是一种广泛使用的编程语言,用于实现客户端的交互性和动态功能。在网页中,JavaScript可以处理用户...

Global site tag (gtag.js) - Google Analytics