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


Posted in Javascript onAugust 06, 2020

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 load Page,load css,load js实现代码
Mar 31 Javascript
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 Javascript
基于JavaScript实现跳转提示页面
Sep 24 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
React路由管理之React Router总结
May 10 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 #Javascript
javascript实现页面的实时时钟显示示例
Aug 06 #Javascript
Javascript如何递归遍历本地文件夹
Aug 06 #Javascript
通过vue刷新左侧菜单栏操作
Aug 06 #Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
Aug 06 #Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 #Javascript
前端开发基础javaScript的六大作用
Aug 06 #Javascript
You might like
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
PHP实现微信公众平台音乐点播
2014/03/20 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
jQuery 选择器理解
2010/03/16 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
2013/07/05 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
Fetch超时设置与终止请求详解
2019/05/18 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
2020/10/14 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
python ---lambda匿名函数介绍
2019/03/13 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
WebSphere 应用服务器都支持哪些认证
2013/12/26 面试题
临床医学应届生求职信
2013/11/06 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
婚礼家长致辞
2015/07/27 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript