个人原本以为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中的常用函数分为三大类:字符串处理函数、数组操作函数以及日期时间处理函数。下面将对每一类函数及其用法进行详细的解释与示例。 ### 一、字符串处理函数 #### 1. `...
利用JavaScript输出各种各样的星号图案,本代码举例手动输入行数,利用循环输出菱形
`JspWriter`类型的`out`对象用于向响应流输出数据,通常用于写HTML或JavaScript代码到页面上。 4. **session对象**: `HttpSession`类型的`session`对象用于存储用户的会话信息,例如用户登录状态。会话在用户...
举例说明,如果我们有一个变量count,其值为1234,我们希望以整数的形式输出这个变量,我们可以使用console.warn来实现: ```javascript var count = 1234; console.warn('count: %d', count); ``` 在这个例子中,...
- **知识点说明**:磁盘驱动器既可以作为输入设备读取磁盘上的数据,也可以作为输出设备向磁盘写入数据。 - **说明**:磁盘驱动器能够读取磁盘中的信息(输入功能),同时也能够将信息写入磁盘(输出功能)。 ### 6...
在JavaScript中,判断对象类型主要有两种操作符:`typeof` 和 `instanceof`。 `typeof`操作符用于判断JavaScript中的基本数据类型,包括:`number`、`string`、`boolean`、`object`、`function`、`undefined`,以及...
// 输出:["你", "好", "世", "界"] ``` ##### 2. 匹配双字节字符(包括汉字在内):`[^\x00-\xff]` **用途**:此表达式用于匹配任何非 ASCII 字符。 - **应用场景**:可用于统计字符串中双字节字符的数量。 - **...
--type <js|css> 指定输入文件的文件类型 --charset <charset> 指定读取输入文件使用的编码 --line-break <column> 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o <file> ...
• 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 转义字符的使用 ...
将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为压缩完成后的文件名 压缩率...
2000和GB3836.4-2000标准,防爆等级标志为[Exia]IIC,其中Um(最大试验电压)、Uo(输出电压)、Io(输出电流)和Ro(输出电阻)、Lo(输出电感)、Co(输出电容)等相关参数都有明确的说明。 环境参数方面,工作...
此外,讲解了开发环境的设置,如代码编辑器的选择,以及如何进行代码书写、注释、输入输出操作。最后,重点强调了变量的概念,包括如何声明、使用以及遵循的命名规范。掌握这些基础知识对于成为一名合格的Web前端...
RxJS5基本原理涉及到的JavaScript知识点主要包括了异步编程、Observable、Observer、Producer的概念,以及RxJS操作符的使用。现在我们就来详细分析文档中提及的各个知识点。 **异步编程** 在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 转义字符的使用 ...
举例来说,当调用cartesianProductOf(['1', '3'], ['a', 'b'])时,函数将会输出:[ ['1', 'a'], ['1', 'b'], ['3', 'a'], ['3', 'b'] ],这就是['1', '3']与['a', 'b']的笛卡尔积。 值得注意的是,上述代码片段使用...
它不提供内置的通信机制,但可以自由控制子进程的输入输出。示例如下: ```javascript const { spawn } = require('child_process'); const ls = spawn('ls', ['-lh', '/usr']); ls.stdout.on('data', (data) => {...
- **Result**:说明Reduce操作完成后输出的结果。 - **Finalize**:讲解Finalize阶段,它如何处理Reduce操作的输出结果。 - **Options**:介绍执行MapReduce操作时可用的选项。 ### MongoDB管理篇知识点 #### 9.1 ...
JavaScript中的`return`关键字在编程中扮演着至关重要的角色,它是函数执行的出口,用于从当前函数中退出并返回一个值。理解`return`的工作原理对于编写高效且可维护的代码至关重要。 首先,`return`语句的基本语法...
本节重点介绍如何确保输入/输出操作的安全性,包括文件上传、下载、读写等过程中的潜在风险及其防范措施。 #### 第八节 缓存泄漏 **1. 什么是缓存泄漏** 缓存泄漏是指攻击者通过某些手段获取缓存中的敏感信息。 ...
- **通用功能**:包括基本图形绘制、修改编辑、视图变换和输入输出控制等。 - **专业特性**:如嵌入地理信息、预置专业图标、叠加辅助资料以及特定产品发布需求。 3. 技术选型: - **HTML Canvas**:作为在...