`

js的输入输出的相关操作说明举例

阅读更多

个人原本以为javascript客户端脚本语言对客户端的文件操作是不安全的,就不允许js对客户端文件进行操作,看到这篇文章,才明白,不安全不等于不让操作。    
       今天项目用到需要在客户端打开文件,并判断文件的大小。
       用到了就会了,贴出来提醒自己要不断的学习,也方便自己日后查阅。

       

<script language = "javascript" type = "text/javascript">
            var getActiveXObject ,getFile,someMessage;
             getAXO = new ActiveXObject("Scripting.FileSystemObject");  
            getF = getAXO.GetFile("C:\\bootbak.ini");  
            someMessage = "FileName:" + getF.Name   + "Filesize:" + getF.size + " bytes.";
     if(getF.size > 500)
     {
     alert(s);
     }
     else
     {
     alert("This file's size is small!");
     }
</script>

 

 

 


下面是对此知识的系统介绍(转自互联网):

 

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

分享到:
评论

相关推荐

    JavaScript输出各种*号图案

    利用JavaScript输出各种各样的星号图案,本代码举例手动输入行数,利用循环输出菱形

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    yuicompressor-yui compressor

    --type &lt;js|css&gt; 指定输入文件的文件类型 --charset &lt;charset&gt; 指定读取输入文件使用的编码 --line-break &lt;column&gt; 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o &lt;file&gt; ...

    精通javascript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    yuicompressor-2.4.8.jar

    将editor.js进行压缩 命令为: C:\java -jar yuicompressor-2.4.2.jar editor.js -o editor2.js 参数说明: yuicompressor-2.4.2.jar 为工具包jar editor.js为要压缩的js -o editor2.js为压缩完成后的文件名 压缩率...

    教学、学习必备:jsp教案

    2.3.7JavaScript窗口及输入输出 72 2.3.8Web应用经典案例研究 86 第3章 JSP标记 89 3.1 指令标记PAGE 89 3.2 指令标记INCLUDE 92 3.3 动作标记INCLUDE 93 3.4 动作标记PARAM 94 3.5 动作标记FORWARD 96 3.6 动作标记...

    精通JavaScript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    1.本书1~16章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 ...当输入搜索关键字时,自动向服务器发送请求,查询相关的关键字,并及时提示用户可输入的关键字。 ...

    asp.net专家疑难解答200问源码

    29.如何利用输出缓存技术缓存整个页面 30.如何利用片段缓存技术对用户控件进行缓存 31.如何利用数据缓存技术提高程序的性能 33.如何实现当页面产生错误时重定向到自定义错误界面 35.如何在程序中读写Web.config...

    千方百计笔试题大全

    215、写一个方法,实现字符串的反转,如:输入abc,输出cba 53 216、数据类型之间的转换 53 217、如何取得年月日,小时分秒 53 218、如何取得从1970年到现在的毫秒数 53 219、如何格式化日期 53 220、文件和目录(I/...

    java面试宝典

    215、写一个方法,实现字符串的反转,如:输入abc,输出cba 53 216、数据类型之间的转换 53 217、如何取得年月日,小时分秒 53 218、如何取得从1970年到现在的毫秒数 53 219、如何格式化日期 53 220、文件和目录(I/...

    asp.net专家疑难解答200问

    如何利用输出缓存技术缓存整个页面 30.如何利用片段缓存技术对用户控件进行缓存 31.如何利用数据缓存技术提高程序的性能 33.如何实现当页面产生错误时重定向到自定义错误界面 35.如何在程序中读写...

    freemarker总结

    list指令是一个迭代输出指令,用于迭代输出数据模型中的集合,list指令的语法格式如下: ... 上面的语法格式中,sequence就是一个集合对象,也可以是一个表达式,但该表达式将返回一个集合对象,而item是一个任意的...

    最新Java面试宝典pdf版

    举例说明。 32 49. 下面两个方法同步吗?(自己发明) 33 50、多线程有几种实现方法?同步有几种实现方法? 33 51、启动一个线程是用run()还是start()? . 33 52、当一个线程进入一个对象的一个synchronized方法后,...

    Java面试笔试资料大全

    举例说明。 32 49. 下面两个方法同步吗?(自己发明) 33 50、多线程有几种实现方法?同步有几种实现方法? 33 51、启动一个线程是用run()还是start()? . 33 52、当一个线程进入一个对象的一个synchronized方法后,...

    Java面试宝典2010版

    举例说明。 49. 下面两个方法同步吗?(自己发明) 50、多线程有几种实现方法?同步有几种实现方法? 51、启动一个线程是用run()还是start()? . 52、当一个线程进入一个对象的一个synchronized方法后,其它线程...

    Java面试宝典-经典

    举例说明。 32 49. 下面两个方法同步吗?(自己发明) 33 50、多线程有几种实现方法?同步有几种实现方法? 33 51、启动一个线程是用run()还是start()? . 33 52、当一个线程进入一个对象的一个synchronized方法后,...

    JAVA面试宝典2010

    举例说明。 32 49. 下面两个方法同步吗?(自己发明) 33 50、多线程有几种实现方法?同步有几种实现方法? 33 51、启动一个线程是用run()还是start()? . 33 52、当一个线程进入一个对象的一个synchronized方法后,...

    java面试题大全(2012版)

    举例说明。 32 49. 下面两个方法同步吗?(自己发明) 33 50、多线程有几种实现方法?同步有几种实现方法? 33 51、启动一个线程是用run()还是start()? . 33 52、当一个线程进入一个对象的一个synchronized方法后,...

Global site tag (gtag.js) - Google Analytics