`
zhubin215130
  • 浏览: 142398 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

【转载】Javascript文件操作

阅读更多
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: est.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   +   " ";    
  s   +=   "Total   Space:   "   +   drv.TotalSize   /   1024;    
  s   +=   "   Kb"   +   " ";      
  s   +=   "Free   Space:   "   +   drv.FreeSpace   /   1024;    
  s   +=   "   Kb"   +   " ";    
  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   +   " ");    
  //   显示所在drive名称    
  alert("Contained   on   drive   "   +   fldr.Drive   +   " ");    
  //   判断是否为根目录    
  if   (fldr.IsRootFolder)    
  alert("This   is   the   root   folder.");    
  else    
  alert("This   folder   isn't   a   root   folder.");    
  alert(" ");    
  //   创建新文件夹    
  fso.CreateFolder   ("C:\Bogus");    
  alert("Created   folder   C:\Bogus"   +   " ");    
  //   显示文件夹基础名称,不包含路径名    
  alert("Basename   =   "   +   fso.GetBaseName("c:\bogus")   +   " ");    
  //   删除创建的文件夹    
  fso.DeleteFolder   ("C:\Bogus");    
  alert("Deleted   folder   C:\Bogus"   +   " ");    
  五、操作文件(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的根目录下创建一个文本文件,填写一些内容,然后将文件移动到 mp目录下,再在目录 emp下面建立一个文件拷贝,最后删除这两个目录的文件:    
  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");    
  //   移动文件到 mp目录下    
  f2.Move   ("c:\tmp\testfile.txt");    
  //   拷贝文件到 emp目录下    
  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文件操作技术,还需要大量的实践练习。而且还有一点提醒大家,由于涉及到在浏览器中进行文件读写这样的高级操作,对于默认的浏览器安全级别而言,在代码运行前都会有一个信息提示,这点请在实际环境中提示访问者注意。
Top

  <script   language="JavaScript">  
  <!--  
  function   ReadTxt(file,oTxt){  
  var   path=file.value  
  var   fso   =   new   ActiveXObject("Scripting.FileSystemObject");  
  var   f   =   fso.OpenTextFile(path,   1);  
  oTxt.value=f.ReadAll();  
  }  
  //-->  
  </script>  
  <form>  
  <input   type="file"   name="file1"><input   type=button   onclick="ReadTxt(file1,txt)"   value="Read">  
  <textarea   name="txt"></textarea>  
  </form>
分享到:
评论

相关推荐

    javascript中文转拼音(转载)

    在给定的资源中,"javascript中文转拼音(转载)"是一个关于使用JavaScript实现中文字符转换为拼音的功能。这个功能在多种场景下都非常有用,比如搜索引擎优化(SEO)、语音合成或无障碍阅读等。 `pinyinEngine.full....

    天地图JavaScript使用说明

    根据提供的文件信息,我们可以得知文件是关于天地图JavaScript API的使用说明文档,这份文档主要介绍了如何在自己的网页中嵌入地图,并通过编程接口(API)与地图进行交互以及如何向地图添加内容。下面将详细介绍...

    js提示框-转载+++ js 乱码+++自动提交+滚动图片加载+箭头导航(转载)

    总的来说,这个资源包涵盖了JavaScript的基本交互设计、编码处理、表单操作、性能优化和导航设计等多个方面,对于学习和提升JavaScript编程技能是非常有价值的。在实际开发中,掌握这些知识点有助于创建更富交互性和...

    layui-progress+element+jquery+js设计一个动态进度条

    例如,当用户发起一个大文件上传请求时,后台处理文件的同时,前端可以通过JavaScript实时更新进度条,让用户知道任务的进度,提高用户的等待感知。 为了实现这样一个动态进度条,开发者需要做以下步骤: 1. 引入...

    图片批量上传-转载

    【标题】"图片批量上传-转载"涉及到的主要技术点是基于Web的文件上传功能,特别是针对图片的批量处理。在互联网应用中,用户可能需要一次性上传多张图片,这就需要前端与后端协同实现批量上传的功能。这里提到的工具...

    收藏转载返回顶部

    另外,“images”目录可能包含了网页中使用的图片资源,“js”和“css”目录分别存放着JavaScript代码和CSS样式文件,它们是实现上述功能的关键。 总的来说,这些功能的实现涉及前端开发技术,包括HTML、CSS和...

    JS高手做的

    标题“JS高手做的”暗示了这是一个...它涉及到的技术点包括JavaScript基础语法、异步编程、文件操作API、第三方库的使用,以及可能的前端用户交互设计。对于想要学习这方面知识的开发者来说,这是一个很好的学习资源。

    【RPA之家转载AA视频教程】40.RP.rar

    这个压缩包包含了一个名为“【RPA之家转载AA视频教程】40.RPA Quick Tips #6- How to Embed JavaScript within Your Bot - Automation Anywhere.mp4”的视频教程,该教程是关于如何在Automation Anywhere(AA)平台...

    转载的AJAX反转资料

    AJAX技术包括XMLHttpRequest对象、DOM操作、JavaScript事件处理、CSS和JSON等关键组件。学习AJAX,我们需要理解如何使用JavaScript创建XMLHttpRequest对象,发送异步请求到服务器,处理服务器的响应,以及使用DOM...

    带收藏转载的jquery瀑布流.zip

    本资源“带收藏转载的jQuery瀑布流”是一个实现该效果的代码实例,它不仅包含了基本的瀑布流布局,还增加了收藏和转载的功能,以及返回顶部的快捷操作,为用户提供了更丰富的交互体验。 瀑布流的核心是通过...

    (转载文章)jquery日期显示中文

    如果这是一个压缩包,通常会包含HTML、CSS、JavaScript文件,可能还有相关的图片或其他资源,用于演示或实现日期中文显示的功能。 在实际应用中,实现“jQuery日期显示中文”通常有以下步骤: 1. 引入jQuery库:...

    ASP。NET技术文档收集

    ASP.NET2.0打通文件图片处理任督二脉(转载) ASP.NET程序中常用代码汇总(转载) window.location.href在firefox中不兼容的解决办法 ASP.NET 2.0中合并 GridView 的表头单元格 创建表头固定,表体可滚动的GridView ...

    xml 解析,下边是位哥们的全新奉献,这里我转载了,谢谢这位哥们。。

    - form_xml.js:这是一个JavaScript文件,可能包含了处理XML数据的脚本。JavaScript提供了DOMParser和ActiveXObject(IE特有)等API,用于解析XML。通过这些API,开发者可以动态地读取、修改XML文档,并在网页上显示...

    sb3转exe,转载的,原作者请发送至邮箱Yang_mc0918@163.com。我会把“神殿逃亡网址”发给他作为报酬

    描述中的内容暗示了文件所有者可能为此付出了较高的代价,并希望通过分享来获得回报,这可能是因为sb3到exe的转换过程并非简单操作,可能涉及到复杂的编译和打包技术。同时,提供“神殿逃亡网址”作为报酬,表明这是...

    【RPA之家转载AA视频教程】17.Extract JSON .rar

    它支持多种任务类型,如数据提取、文件操作、网页交互等。 3. **REST (Representational State Transfer)**:REST是一种网络应用程序的设计风格和开发方式,基于HTTP协议,用于Web服务之间的通信。RESTful API通常...

    [转载]常用的三种树形菜单

    在IT行业中,树形菜单是一种常见的用户界面元素,它用于展示具有层级关系的数据,比如文件系统、组织结构或网站导航。这篇【转载】的博客文章“常用的三种树形菜单”探讨了实现这种交互方式的不同技术。尽管没有提供...

    JavaScript 解析读取XML文档 实例代码

    总而言之,通过文章中的实例代码和解释,我们可以了解到如何使用JavaScript来操作和解析XML文件,并将数据展示在网页上。这不仅丰富了我们的Web开发工具箱,还提升了我们处理Web数据交换的能力。在当今的Web开发场景...

    在线广播收听V2009520(转载)

    为了实现这一点,开发者可能采用了跨平台的编程语言,如Java或JavaScript,并可能利用了Web技术,使得软件能够在不同的操作系统上运行。 在运行方面,程序说明提到“本程序放在任意目录下,都可以运行”。这表明该...

    js实现的3d效果(很炫+转载)

    JavaScript,简称JS,是一种广泛用于Web开发的轻量级...通过学习以上知识,并结合"3d_js"文件中的示例,开发者可以逐步掌握JavaScript实现3D效果的技术。不断实践和探索,可以创造出更多令人惊叹的3D交互式网页应用。

Global site tag (gtag.js) - Google Analytics