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

js 获取本地文件及目录方法

 
阅读更多
相册 广场游戏登录注册 关注此空间 听风居
感受自然 感受生活 感受心灵
2012-01-09 14:25 JS读取本地文件及目录的方法 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:\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对象的相关属性和方法列表

(二)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();

六、结 语

通过以上对FileSystemObject的各种对象、属性和方法的介绍和示例,相信你已经对如何使用JavaScript语言在页面中操作驱动器、文件和

文件夹有了清晰的认识。但是上述提及的例程都非常简单,要全面、灵活地掌握JavaScript文件操作技术,还需要大量的实践练习。而且还

有一点提醒大家,由于涉及到在浏览器中进行文件读写这样的高级操作,对于默认的浏览器安全级别而言,在代码运行前都会有一个信息提

示。
#前台技术(js_jquery) 
分享到: 举报 浏览(7522) 评论(9) 转载(11)  你可能也喜欢

天生丽质刘雨欣[30P] 
八月照相馆——韩国著名女星、大钟奖和青龙奖双料影后沈银河 
超模黛妮莎登捷克ELLE封面 
韩国美女洪智妍 
【EDITORIAL】乌克兰超模及女演员 Milla Jovovich 为 The Edit 12月刊 拍摄时尚大片 
《空间周刊》第20期 
【转】关于flush()和ob_flush()   本文最近访客

TryDoings 
553755454 
myloverjay 
heyzayz 
1275121627 
haolx 
死亡冰剑 
wenjianwzz  评论   帮助中心 | 空间客服 | 投诉中心 | 空间协议©2014 Baidu
分享到:
评论

相关推荐

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

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

    js读取本地文件到字节数组

    ### JS读取本地文件到字节数组 在Web开发中,经常需要处理用户上传的文件,例如图片、文档等。这些文件可能来源于用户的本地计算机,并通过Web页面上传至服务器。为了实现这一功能,通常的做法是将文件内容转换为...

    javascript 读取本地文件

    在探讨“JavaScript读取本地文件”的主题时,我们主要聚焦于如何利用JavaScript在浏览器环境中读取用户计算机上的本地文件。这种功能在很多场景下都极为有用,比如在上传文件前预览其内容、数据导入导出操作等。下面...

    nodejs实现读取本地文件生成目录树

    在Node.js环境中,读取本地文件并生成目录树是一种常见的需求,特别是在开发文件管理系统或进行文件操作时。Node.js提供了一系列强大的文件系统(fs)模块,使得开发者能够方便地进行文件和目录的操作。本篇文章将...

    js读取本地文件

    ### JS读取本地文件知识点详解 #### 一、概述 在Web开发中,有时候我们需要让JavaScript(简称JS)能够直接操作用户的本地文件系统,而无需通过服务器端脚本(如PHP、Node.js等)。虽然出于安全考虑,浏览器通常对...

    js使用FSO读取本地文件信息

    JS 使用 FSO 读取本地文件信息是指使用 JavaScript 语言通过 FSO(FileSystemObject)读取本地文件信息的方法。FSO 是一个 ActiveX 对象,提供了文件系统操作的接口。通过使用 FSO,可以读取本地文件和目录信息。 ...

    javascript获取浏览器临时目录

    本文将详细介绍如何在不同浏览器环境中通过JavaScript获取浏览器临时目录的方法。 #### 二、背景知识 1. **浏览器安全模型**:现代浏览器为了保护用户隐私和数据安全,采用了严格的沙箱机制和同源策略,限制了网页...

    通过js获取本地文件夹中的文件列表

    然而,现代浏览器提供了一些API,如File System Access API或Web Components的`<input type="file">`,允许用户在用户交互的情况下读取本地文件。让我们深入探讨如何利用这些技术来实现“通过js获取本地文件夹中的...

    js读取本地excel文档数据

    ### JS读取本地Excel文档数据知识点详解 #### 一、背景与需求分析 在Web开发中,经常需要处理用户上传的文件,特别是Excel文件。这些文件通常包含了重要的数据信息,如表格数据等。通过JavaScript(JS)来读取并...

    js调用android本地方法的实现

    一种常见的做法是在Android对象的每个方法上添加`@JavascriptInterface`注解,并确保在API 17及以上版本使用`@RestrictTo(RestrictTo.Scope.JAVASCRIPT)`注解。这样可以限制方法仅能被JS调用。 另外,可以自定义一...

    通过JavaScript下载文件到本地的方法(单文件)

    ### 通过JavaScript下载文件到本地的方法(单文件) #### 知识点一:同源文件下载 在开发中,对于同源的文件,我们可以利用HTML `<a>` 标签的 `download` 属性来实现文件的下载功能。`download` 属性指示浏览器下载...

    使用JavaScript保存文本文件到本地的两种方法

    本文将介绍如何使用JavaScript保存文本文件到本地的两种方法,并将分别解释每种方法的工作原理及其应用场景。 第一种方法是通过JavaScript打开一个新的浏览器窗口,并使用该窗口的document对象来写入需要保存的HTML...

    JS获取文件大小方法小结

    需要注意的是,由于浏览器的安全策略,JavaScript在获取本地文件大小时受到很多限制。尤其是现代浏览器,出于安全考虑,通常不允许直接访问本地文件系统。因此,上述方法可能在非IE浏览器或现代浏览器的严格模式下...

    JQuery实现本地文件的读取、文件内容的复制

    本文将深入探讨如何使用jQuery实现本地文件的读取和文件内容的复制,这对于网页应用中的数据导入、导出或者用户交互功能非常重要。 首先,我们需要明白jQuery本身并不直接支持文件系统的操作,因为它主要是为浏览器...

    解决ajax不能访问本地文件问题(利用js跨域原理)

    在没有服务器环境的情况下,这种方法可以实现AJAX读取本地文件,但是请注意,这种解决方案仅限于开发阶段,因为它依赖于浏览器的沙盒环境,且不适用于所有浏览器。在生产环境中,应该使用服务器来托管文件,并通过...

    使用JavaScript实现一个本地文件选择器功能

    在JavaScript中实现一个本地文件选择器功能,是前端开发中常见的需求,这通常涉及到HTML5的File API。这个功能允许用户从他们的计算机上选择文件,并且可以进行预览、上传或者其他处理。以下将详细讲解如何实现这个...

    js读取properties文件

    JavaScript在浏览器环境中默认没有直接读取本地文件的能力,出于安全考虑。但可以通过HTML5的File API或者使用`<input type="file">`标签让用户选择文件后进行读取。 3. **使用FileReader API** 如果你需要在用户...

Global site tag (gtag.js) - Google Analytics