明月松间照 清泉石上流


                                        ——— 兵临城下   猫科动物
posts - 70, comments - 137, trackbacks - 0, articles - 23
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

Javascript-文件操作

Posted on 2006-12-04 09:01 兵临城下 阅读(974) 评论(0)  编辑  收藏 所属分类: JS
Javascript----文件操作
一、功能实现核心:FileSystemObject 对象
    要在javascript中实现文件操作功能,主要就是依靠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对象操作例程 :
下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等操作:
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文件操作技术,还需要大量的实践练习。而且还有一点提醒大家,由于涉及到在浏览器中进行文件读写这样的高级操作,对于默认的浏览器安全级别而言,在代码运行前都会有一个信息提示,这点请在实际环境中提示访问者注意。
<
posted on 2006-12-01 10:29 智者无疆 阅读(30) 评论(4)  编辑 收藏引用收藏至365Key 所属分类: about ajax
评论:
  • # re: Javascript-文件操作  智者无疆 Posted @ 2006-12-01 10:31
    使用JavaScript对XML文件进行读写
    以学生信息为例子。
    用到了3个文件studentINFO.html,studentinfo.xml,studentinfoNew.xml

    studentinfo.xml---学生信息
    <?xml version="1.0"?>
    <studentlist>
    <student>
    <id>213</id>
    <name>asd</name>
    <age>sdf</age>
    </student>
    <student>
    <id>rfwer</id>
    <name></name>
    <age></age>
    </student></studentlist>

    studentinfoNew.xml---新添加的空的学生信息模版
    <?xml version="1.0" encoding="gb2312"?>
    <studentlist>
    <student>
    <id></id>
    <name></name>
    <age></age>
    </student>
    </studentlist>

    studentINFO.html---增删改的用户UI
    <HTML><BODY bgColor=#a1bae6>
    <XML id=xmldso src="studentinfo.xml"></XML>
    <XML id=studentinfoNew></XML> <!--加?xml数据-->
    <SCRIPT Language=JavaScript>
    studentinfoNew.async = false;
    studentinfoNew.load("studentinfoNew.xml");

    function display(){
    var doc=xmldso.XMLDocument;
    alert(doc.xml);
    }

    function save(){
    try{
    var doc=xmldso.XMLDocument;
    alert(doc.xml);
    var strFile="";
    var fso, f, ts;
    var s="E:\\習う\\XML\\javascript_ReadWriteXML\\studentinfo.xml";
    var ForReading = 1, ForWriting = 2, ForAppending = 8;
    var TristateUseDefault = -2, TristateTrue = -1, TristateFalse = 0;
    fso = new ActiveXObject("Scripting.FileSystemObject");
    if(!fso.FileExists(s)){
    alert(s+" is not exist!");
    }else{
    f = fso.GetFile(s);
    ts = f.OpenAsTextStream(ForWriting, TristateUseDefault);
    ts.WriteLine(doc.xml);
    ts.Close( );
    }
    }catch(e){
    alert(e);
    }

    }

    //增加??;
    function addID(){
    var doc=xmldso.XMLDocument;
    var rootnode=doc.documentElement;
    var sortNode = rootnode.selectNodes("//id");
    var currentid = sortNode.length-1;
    var cc="";
    if(currentid==-1){
    var node= studentinfoNew.documentElement.childNodes(0).cloneNode(true);
    xmldso.documentElement.appendChild(node);
    }else{
    cc=sortNode.item(currentid).text;
    if ((cc=="aa")||(cc=="")){
    alert("?将最后一行数据填写完?后再增加新的??!");
    }else{
    var node= studentinfoNew.documentElement.childNodes(0).cloneNode(true);
    xmldso.documentElement.appendChild(node);
    }
    }
    }
    //?除??
    function delID(whichFld){
    var doc=xmldso.XMLDocument;
    var rootnode=doc.documentElement;
    var sortNode = rootnode.selectNodes("//student");
    if(sortNode.length==1){
    alert("can not do delete when there is only 1 record");
    return;
    }

    var sortNode = xmldso.selectSingleNode("//student/id[text()='"+whichFld+"']");
    try{
    sortNode.parentNode.parentNode.removeChild(sortNode.parentNode);
    }catch(e){
    }
    }
    </SCRIPT>

    <center><b>student-studentlist</b><br><br>
    <TABLE id="table" DATASRC='#xmldso' BORDER CELLPADDING=3>
    <!--?行数据?定-->
    <THEAD><TH>ID</TH><TH>id</TH><TH>name</TH><TH>age</TH></THEAD>
    <TR>
    <TD><acronym title='点?即可?除???'><INPUT TYPE=button size=4 DATAFLD="id" onclick="delID(this.value)"></acronym></TD>
    <TD><INPUT TYPE=TEXT DATAFLD="id"></TD>
    <TD><INPUT TYPE=TEXT DATAFLD="name"></TD>
    <TD><INPUT TYPE=TEXT DATAFLD="age"></TD>
    </TR>
    </TABLE>
    <INPUT TYPE=BUTTON name=dd id=dd VALUE="add" onclick="addID();">
    <INPUT TYPE=BUTTON name=cc id=cc VALUE="save" onclick="save()">
    <INPUT TYPE=BUTTON name=ee id=ee VALUE="display" onclick="display()"></center></BODY></HTML>


      回复  

  • # re: Javascript-文件操作  self Posted @ 2006-12-01 14:04
    当js不能创建文件对象时,可以在运行中运行regsvr32 scrrun.dll,来启用这个程序,
    如果还不行,在ie的安全级别里设置中级即可。  回复  

  • # re: Javascript-文件操作  self Posted @ 2006-12-01 16:06
    下面是我写的一个js读写文件程序:
    1.<!-- &copy;zhanglijun 2006-12-1
    任务:js创建文件,写入数据,并读出数据
    增加数据,修改数据,删除数据。
    -->
    <html>
    <head>
    <title>jsIO</title>
    </head>
    <script type="text/javascript"src="fileIO.js" ></script>
    <body ><p align="center">
    指定文件夹:<input type="text"id="path"/><br>
    文件名称:
    <input type=text id="name" /><br>
    文件内容:
    <textarea id="content" width=20px height=35px></textarea><br>
    <input type=button value="创建" onclick="return createfile();"/>
    <input type=button value="读数据" onclick="return readfile();"/>
    <br><br><br><br><br><br><br><br><br><br><br><br><br>
    请先在运行中运行regsvr32 scrrun.dll<br>
    然后在ie的安全-->自定义级别里-->重置为-->选择中级
    </p>
    </body>
    2 fileIO.js
    /*
    *js 文件读写模块 by zhanglijun 2006-12-1
    */


    function createfile(){
    if(check()==false)return false;
    var name=document.getElementById("name").value;
    var name1=name.split(".");
    if(name1[1]==undefined)name=name+".txt";
    //alert(name);
    pathAndName=document.getElementById("path").value+name;
    //alert(pathAndName);
    var fso=new ActiveXObject("Scripting.FileSystemObject");
    var f1=fso.createTextFile(pathAndName);
    if(!f1)alert("文件创建失败");
    else alert("文件成功创建,下面继续写入内容");
    f1.Write(document.getElementById("content").value);
    if(f1.read()!="")alert("内容已经写入");
    f1.close();
    }

    function readfile(){
    if(checkRead()==false)return false;
    var name=document.getElementById("name").value;
    var name1=name.split(".");
    if(name1[1]==undefined)name=name+".txt";
    //alert(name1[1]);
    pathAndName=document.getElementById("path").value+name;
    //alert(pathAndName);
    var fso=new ActiveXObject("Scripting.FileSystemObject");
    var f2
    try{
    f2=fso.openTextFile(pathAndName);
    }catch(e){alert(name+"没找到");}
    var a="";
    while (!f2.AtEndOfStream){
    a += f2.ReadLine( );}
    f2.Close( );
    content.innerHTML=a;
    alert("它的位置在"+pathAndName);
    }
    function check(){
    if(document.getElementById("name").value==""||document.getElementById("content").value=="")
    {alert("文件名和内容都不能为空!");
    document.getElementById("name").focus(); return false;}

    }function checkRead(){
    if(document.getElementById("name").value=="")
    {alert("文件名和内容都不能为空!");
    document.getElementById("name").focus(); return false;}

    }
    function changeSrc(filePicker)
    {
    oFileChecker.src = filePicker.value;
    }
    </html>  回复  

  • # re: Javascript-文件操作  self Posted @ 2006-12-01 16:40
    利用js fso对象写xml文件
    <html><head>
    <title>oprateXML</title>
    </head>
    <script type="text/javascript">
    <!--
    function createXml(){

    var fso, tempfolder, xmlfile, schar;
    fso = new ActiveXObject("Scripting.FileSystemObject");
    xmlfile = fso.CreateTextFile("C:\\test2.XML",true,true);
    schar = '\r';
    xmlfile.WriteLine('<?xml version="1.0" encoding="UTF-16" ?>'+schar);
    xmlfile.WriteLine('<document title="information">'+schar);
    for(var i=0;i<10;i++){
    xmlfile.WriteLine('<xmlnode type="node" name="node'+i+'" />'+schar);
    }
    xmlfile.WriteLine('</document>');
    xmlfile.Close();
    }
    --></script>
    <body>
    <input type="button" value="写xml文件" onclick="createXml()"/>
    </body>
    </html>
    结果如下:
    <?xml version="1.0" encoding="UTF-16" ?>
    - <document title="information">
    <xmlnode type="node" name="node0" />
    <xmlnode type="node" name="node1" />
    <xmlnode type="node" name="node2" />
    <xmlnode type="node" name="node3" />
    <xmlnode type="node" name="node4" />
    <xmlnode type="node" name="node5" />
    <xmlnode type="node" name="node6" />
    <xmlnode type="node" name="node7" />
    <xmlnode type="node" name="node8" />
    <xmlnode type="node" name="node9" />
    </document>  回复  

只有注册用户登录后才能发表评论。


网站导航: