Javascript高级应用:文件操作篇

2016-02-19 13:14 3 1 收藏

有了下面这个Javascript高级应用:文件操作篇教程,不懂Javascript高级应用:文件操作篇的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

执行上面最后一句后,将显示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);

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

三、操作驱动器(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 = "";

创建文件

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:tmptestfile.txt");

// 拷贝文件到temp目录下

f2.Copy ("c:temptestfile.txt");

// 获取文件句柄

f2 = fso.GetFile("c:tmptestfile.txt");

f3 = fso.GetFile("c:temptestfile.txt");

// 删除文件

f2.Delete();

f3.Delete();

六、结 语

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

通过以上对FileSystemObject的各种对象、属性和方法的介绍和示例,相信你已经对如何使用JavaScript语言在页面中操作驱动器、文件和文件夹有了清晰的认识。但是上述提及的例程都非常简单,要全面、灵活地掌握JavaScript文件操作技术,还需要大量的实践练习。而且还有一点提醒大家,由于涉及到在浏览器中进行文件读写这样的高级操作,对于默认的浏览器安全级别而言,在代码运行前都会有一个信息提示,这点请在实际环境中提示访问者注意。

来源:http://www.tulaoshi.com/n/20160219/1603459.html

延伸阅读
标签: Web开发
1)使用构造函数创建对象的实例 在JAVASCRIPT中构造函数和其它面向对象的语言一样,不可以直接调用,在用 new 关键字创建一个对象时自动的调用. 以下是JAVASCRIPT中使用构造函数的新示例。 var myObject = new Object(); // 创建没有属性的通用对象。var myBirthday = new Date(1961, 5, 10); // 创建一个 Date 对象。var myCa...
标签: windows 操作系统
1、安装WIN2K免输入序列号 方法一: 在安装WINDOWS2000的过程中要提示输入注册号,为了使安装更方便,可去处掉安装过程中需要输入注册号这个过程。把安装文件拷贝到硬盘,打开 i386目录下的setupp.ini,将PID后面的数字改成51837270,那么在整个安装过程中就不会再问你输入序列号了。 方法二: 将该文件内...
标签: Web开发
  在IE10中新加入的对高级用户输入的识别支持,举例说明:注册一个点击操作,通过一句addEventListener 就能够知道当前用户的点击是哪种设备,是手指的点击,是鼠标的单击还是触控笔的点击(平板设备都会带有触控笔)。  canvas id="MyCanvas"/canvas     script      ...
标签: Web开发
动态产生tr 针对table给予一个名字,比如说tbl1 var oTr=tbl1.insetRow(); 动态产生td 针对动态产生的tr产生td var oTd=oTd.insertCell(); //var oTd=oTr.insertCell(); 吧 动态产生td内容 使用innerHTML var oTd.innerHTML='input type=text id=text1 name=text1 value=abc'; ---------------------------------------...
标签: Web开发
问题:     使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置。 解决方案:     在用户浏览页面并进行设置时,将这些设置保存在cookie中,下次访问的时候读取coo...

经验教程

885

收藏

38

精华推荐

JavaScript 学习 - 提高篇

JavaScript 学习 - 提高篇

skywanna

用javascript操作xml

用javascript操作xml

挚爱大排小颜g

Javascript+XML 操作

Javascript+XML 操作

寂寞城阳之间

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部