`

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();
分享到:
评论

相关推荐

    javascript处理本地文件的资料

    在探讨JavaScript处理本地文件的能力时,我们主要关注的是在客户端(即用户浏览器)与服务器端进行文件操作的不同方法。由于安全限制,纯JavaScript在浏览器环境中直接读写用户计算机上的文件受到严格限制。然而,...

    JS文件操作Demo

    在HTML5中,JS获得了更多的文件操作能力,使得开发者可以在客户端进行文件读取、写入和处理,而无需服务器的介入。本教程将通过一个名为"JS文件操作Demo"的示例来探讨这些功能。 1. **File API** HTML5引入了File...

    js处理文件——文件读写例子.zip

    本压缩包"js处理文件——文件读写例子.zip"包含了一个关于JavaScript文件读写操作的实例,这对于理解这一核心概念至关重要。下面将详细阐述JavaScript如何处理文件读写,并结合标签"javascript"进行深入探讨。 1. *...

    js操作本地文件

    总结来说,JavaScript虽然不能直接自由地操作本地文件,但通过各种API和策略,可以实现用户交互式的文件操作,满足大部分Web应用的需求。随着Web技术的发展,未来可能有更多安全的途径来处理本地文件。在实际开发中...

    Node.js-FileAPI—一组javascript处理文件的工具

    在Node.js的生态系统中,FileAPI是一个非常重要的库,它提供了一组用于处理文件的JavaScript工具,尤其在前端开发中,对于文件上传、图片处理等功能有着广泛的应用。 ### 一、FileAPI概述 FileAPI的设计目标是简化...

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

    5. 流式操作:Node.js 中的文件操作常常涉及流(Stream),draxt.js 可能会集成流的概念,使得大文件处理更加高效,不会一次性加载整个文件到内存中。 6. 高级功能:draxt.js 可能还包含一些高级特性,比如文件过滤...

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

    在前端开发中,上传文件是一项...总之,原生JavaScript提供了一套完整的API来处理文件上传,这使得开发者可以根据具体需求自由定制功能,而不受第三方库的限制。熟练掌握这些技术,对于前端开发者来说是非常重要的。

    js文件编辑器

    3. **Blob和URL.createObjectURL**: Blob对象用于表示二进制数据,可以用于处理文件内容。URL.createObjectURL方法则可以将Blob对象转换为一个可访问的URL,以便在页面上预览或编辑文件。 4. **Promise 和 async/...

    js实现文件上传

    首先,`js实现文件上传`通常涉及到HTML5的File API,这是一个强大的接口,允许在浏览器端处理文件,包括读取、写入和上传。在HTML5中,`<input type="file">`元素提供了选择文件的功能,通过JavaScript可以获取到...

    JavaScript文件操作

    7. Node.js环境下的文件操作:与浏览器环境不同,Node.js中可以直接使用`fs`模块来处理文件的读写操作。 8. `fs`模块的基本使用:`fs`模块提供了多种方法来读取、写入、追加文件内容,以及同步和异步操作。异步操作...

    java和js操作XML文件

    Java和JavaScript(简称JS)作为两种常用的编程语言,都有处理XML文件的能力。本篇将详细介绍如何在Java和JavaScript中操作XML文件。 1. Java操作XML文件 - DOM解析:Java中使用DOM解析器(如org.w3c.dom.Document...

    js读取cvs,并转化成数组,前端处理cvs文件

    本教程将详细介绍如何使用JavaScript(JS)来读取CSV(逗号分隔值)文件,并将其转换为数组,以便进一步处理和展示,从而减轻后端服务器的压力。我们将探讨以下几个关键知识点: 1. **CSV文件格式**: CSV是一种...

    js大文件上传

    【描述】提到的"javascript大文件上传,后端代码c#"意味着前端使用JavaScript处理文件分块,而后端使用C#语言接收并合并这些分块。C#是.NET框架的一部分,常用于构建服务器端应用程序。开发环境为Visual Studio 2012...

    用到的jar包和js文件

    "和上传下载需要的commons文件"标签进一步指出了Apache Commons库可能被用于处理文件操作。 Apache Commons是Apache软件基金会的一个项目,提供了许多Java实用工具类,其中与文件上传和下载相关的部分主要集中在两...

    JS对TXT操作

    在本主题“JS对TXT操作”中,我们将深入探讨如何利用JavaScript处理本地TXT文件,包括读取、写入和修改文件内容。这涉及到浏览器的File API和Blob对象,以及XMLHttpRequest或Fetch API来实现异步数据传输。 1. **...

    js前端Excel大数据处理导入

    在JavaScript(JS)前端开发中,处理Excel大数据的导入是一项挑战。随着Web应用程序对数据处理能力的需求提升,前端工程师必须找到有效地处理大量数据的方法,而不仅仅是依赖后端服务器。本主题将深入探讨如何使用...

    Node.js中常规的文件操作总结

    在Node.js中,进行文件操作的核心模块是`fs`,它提供了一系列的API来处理文件系统操作。Node.js的设计使得开发者能够以非阻塞的方式处理I/O操作,这对于构建高性能的网络应用至关重要。以下是关于Node.js中文件操作...

    JS文件管理器.rar

    在JS文件管理器中,PHP主要处理与服务器交互的部分,如接收JavaScript发送的文件操作请求,连接并操作MySQL数据库,处理文件的存储和检索。同时,PHP还可以用来实现权限控制,确保只有授权用户才能访问或操作特定...

    基于node.js的文件管理系统源码.zip

    同步的形式会阻塞 Node.js 事件循环和进一步的 JavaScript 执行,直到操作完成。 异常会被立即地抛出,可以使用 try…catch 处理,也可以冒泡。 const fs = require('fs'); try { fs.unlinkSync('文件'); ...

    nodejs文件 处理文件内容

    总结以上知识点,Node.js在处理文件内容方面提供了强大的模块和接口,支持异步操作和流处理,通过结合JavaScript的字符串处理能力,可以灵活地实现文件内容的查找、替换等操作,而且通过合理的错误处理和编码考虑,...

Global site tag (gtag.js) - Google Analytics