JS操作文件夹、文件：创建、写入、读取、追加、移动、复制、删除

最新推荐文章于 2024-02-23 14:14:25 发布
最新推荐文章于 2024-02-23 14:14:25 发布
阅读量8k 收藏 42
点赞数 6
分类专栏： JavaScript 文章标签： javascript js脚本 文件创建、写入、删除
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hello_see_you/article/details/107426896
版权

目录

 

背景

环境

正文

API

总结

参考文章

链接

背景

js是第一个我掌握的编程语言，所以经常用它来做一些比较简单实用的东西，比如加密记事本。为什么不直接用自带的记事本呢？因为自带的记事本记得文字都是明文，特容易被有心人看到，所以就自己找一个加密算法做一个网页记事本，通过操作后自动加密文本，这样即使有心人去看，也不会看出来。

因为记事本得做一个保存的功能，所以通过搜索，发现js可以实现这一功能，也就免去了使用其他语言的麻烦。以下是我从其他博客总结出来的内容。目的是方便你我他，对你有帮助的话点个赞再走。

 

环境

Windows系统，IE浏览器

 

正文

ActiveX是微软的东西，故而这玩意儿只有IE才支持！

javaScript中利用ActiveXObject来创建FileSystemObject操作文件

一、功能实现核心：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);

API

构造方法
ActiveXObject('Scripting.FileSystemObject')仅IE浏览器支持该对象
方法摘要
 CreateFolder(string path)按照路径创建文件夹，支持一级目录
BooleanFolderExists(string path)判断路径下的文件夹是否存在
ObjectGetFolder(string path)取得目录对象
ObjectCreateTextFile(string path,int i,boolean b)

在path路径下创建文件；

i代表的是文件的权限：只读=1，只写=2 ，追加=8 等权限。（ForReading 、 ForWriting 或 ForAppending；

b为true代表新建，false相反。

ObjectOpenTextFile(string path,int i,boolean b)同上
BooleanFileExists(string path)判断路径下的文件是否存在
 CopyFile(string source,string destination)将source路径文件复制到destination路径下的文件去
 MoveFile(string source,string destination)将source路径文件移动到destination路径下的文件去
 DeleteFile(string source,Boolean b)删除source路径文件，b为true确认删除
以下方法没有测试过，贴出api供参考
 CopyFolder(string source,string destination)复制目录  
 DeleteFolder删除一个目录  
 GetAbsolutePathName(string path)取得一个文件的绝对路径
 GetBaseName()取得文件名
 GetDrive()取得盘符名  
 GetDriveName()取得盘符名
 MoveFolder(string source,string destination) 
构造方法
Object通过方法OpenTextFile(string path,int i,boolean b)获取文件流对象
方法摘要
 

Read(int i)

用于读取文件中指定数量的字符
 

ReadLine()

读取一整行，但不包括换行符
 

ReadAll()

则读取文本文件的整个内容
 close()关闭文件流
构造方法 
Object通过方法CreateTextFile(string path,int i,boolean b)、GetFile(string path)、OpenAsTextStream(ForWriting, true)获取文件对象

方法摘要

 Write(string txt)

不在写入数据末尾添加新换行符

 WriteLine(string txt)

要在最后添加一个新换行符

 

WriteBlankLines(string txt)

增加一个或者多个空行
 

close()

关闭文件流
构造方法
文件夹、文件Object通过GetFolder(string path)、GetFile(string path)方法获得
方法摘要
 Move(string path)移动文件夹、文件到path路径下
 Copy(string path)复制文件夹、文件到path路径下
 Delete()删除该对象的文件夹、文件
 GetExtensionName()取得文件的后缀 
 GetFileName()  取得文件名
 GetSpecialFolder()  取得特殊的目录名
 GetFileName()取得文件名 
 GetTempName()生成一个临时文件对象
 BuildPath()生成一个文件路径  
 GetParentFolderName，静态字段取得文件或目录的父目录名 
 Files，静态字段返回目录下所有文件集合
 attributes，静态字段返回文件属性
 Datecreated，静态字段返回文件夹、文件创建时间
 DateLastAccessed，静态字段返回上次访问时间
 DateLastModified，静态字段返回上次修改时间
 Path，静态字段返回文件路径
 Name，静态字段返回文件名称
 Type，静态字段返回文件类型
 Size，静态字段返回文件大小
 ParentFolder，静态字段返回父目录
 RootFolder，静态字段返回根目录

 

构造方法
object通过GetDrive(GetDriveName(path))获得驱动器盘符对象
方法摘要  
 DriveExists()检验盘符是否存在  
 Drives  返回盘符的集合

总结

本人只用到了文件夹和文件的新建、写入、删除、移动、复制这些功能；如有其他需求请参照个文档；以下是我的功能实现效果图，有兴趣的可以去下方分享链接下载。

 

参考文章

https://www.cnblogs.com/zengxh/p/12390257.html

https://www.jb51.net/article/48538.htm

https://www.jb51.net/article/46712.htm

https://www.jb51.net/article/49867.htm

https://blog.csdn.net/qq_42192693/article/details/82313010

https://www.jb51.net/article/70613.htm

https://developer.mozilla.org/zh-CN/docs/Archive/Web/JavaScript/Microsoft_Extensions/ActiveXObject

 

链接

以上的文件已经分享至网盘，需要测试的自行下载；

链接：https://pan.baidu.com/s/1lUWJbDKtC7DkYgFKUN_uwQ 
提取码：eijh

Hello_See_You
关注
  • 6
    点赞
  • 踩
  • 42
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
node-move:Node.js脚本将文件从目录移动到另一个目录
05-07
节点移动 Node.js脚本，用于将文件从目录移动到另一个目录。 节点move.js @ param1 @ param2 @ param1代表要复制的文件的路径@ param2是文件的复制位置，以最终名称结尾 示例：nove move.js to-copy / text.txt foo / destination.txt 注意：如果文件夹不存在，脚本将创建该文件夹。
js 实现选择文件存放路径
那个小学生的博客
12-25 1万+
最近遇到js 实现选择文件存放路径问题，百度了一下找到一个方法，使用时碰到的问题分享一下： 以下为代码： <input id="catchAdress" type="text" /><button onclick="browseFolder()">选择地址</button> <script> function browseFolder() { ...
JavaScript 文件操作指南
最新发布
爱蹦跶的全栈大A阿
02-23 1153
本文旨在帮助您理解 JavaScript 中的文件操作，涵盖文件读取、写入、创建、删除等基本操作，以及更高级的异步操作、流式处理和错误处理等主题。​File对象继承自Blob。除了Blob方法和属性外，File对象还有name和属性，以及从文件系统读取的内部功能。我们通常从用户输入如或拖放事件来获取File对象。FileReader字符串（readAsTextdata url，base-64 编码（但是，在很多情况下，我们不必读取文件内容。
js保存当前路径(cookies记录)
12-02
简单地说，就是在个人中心页面，该客户点击取消订单，提交到某个action，进行数据库的操作，将一张表中的字段值改变，然后重新返回到个人中心页面，只是那里的“取消”按钮变成了灰色的“已取消”就OK了，而在订单的详细页面，也是相同的，提交到相同的acion，但是返回页面不是个人中心页面，而是订单的详细页面。 这时候可以考虑用js保存当前路径，写到cookie中，在acion中获取到该路径，通过get/set方法，只需要在<result></result>中写上该路径的el表达式就行了。 代码如下： 代码如下: [removed] function sa
C 语言文件处理全攻略：创建、写入、追加操作解析.pdf
01-09
c语言文件读写操作代码 C 语言中的文件写入 w 模式表示文件已打开用于写入。要将内容插入其中，可以使用 fprintf() 函数，并添加指针变量 (我们示例中的 fptr) 和一些文本： FILE *fptr; // 以写入模式打开文件 fptr = fopen("filename.txt", "w"); // 将一些文本写入文件 fprintf(fptr, "Some text"); // 关闭文件 fclose(fptr); 注意：如果您写入一个已经存在的文件，则旧内容将被删除，并插入新内容。这一点很重要，因为您可能会意外擦除现有内容。 例如： fprintf(fptr, "Hello World!"); 因此，当我们在计算机上打开文件时，它显示 “Hello World！” 而不是 “Some text” 将内容追加到文件 如果您想在不删除旧内容的情况下将内容添加到文件，可以使用 a 模式。 a 模式将内容追加到文件末尾： FILE *fptr; // 以追加模式打开文件 fptr = fopen("filename.txt", "a"); // 将一些文
此篇含有文件读取，移动删除写入修改操作，文件夹获取。xml，img操作
10-27
此篇含有文件读取，移动、删除、写入、修改异常捕捉操作，文件夹获取。xml，img截取图片，生成验证码操作。
JS实现新建文件夹功能
12-11
每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body { margin: 0; } header { border-bottom: 2px solid #000; height: 40px; line-height: 40px; text-align: center; } .file { margin: 20px; float: left; p
nodejs 复制文件到指定目录
咕咚在否的博客
05-06 859
/判断文件是否是原封不动copy的文件。//若是目录则递归调用。//获取当前路径下的所有文件和路径名。// 定义需要原封不动copy的文件类型。//取得当前绝对路径。//目标路径绝对路径。//判断目录是否存在。//获取命令行中的路径。
JavaScript 打开本地文件夹的N种方法
Stars_in_rain的博客
05-17 8850
设置一个不可见的input标签，通过input上面的multiple 属性打开本地文件，我写的是vue3用法：这个属性与webkitdirectory 的具体区别可以百度看看。给自己定义的按钮添加下面代码，通过创建一个不可见的input标签实现。通过ActiveXObject对象。
js 操作文件和文件夹
回家换拖鞋的专栏
01-22 4694
js 操作文件和文件夹
如何在JavaScript中对文件进行处理
忧郁的蛋的专栏
02-16 1839
生成压缩文件：使用 JSZip 对象的 generateAsync() 方法生成压缩文件，可以指定压缩格式，例如：zip.generateAsync({type:"blob"}).then(function (content) {…添加文件：使用 JSZip 对象的 file() 方法添加需要压缩的文件，例如：zip.file("file1.txt", "content1")。总之，不同的文件类型有不同的处理方法，JavaScript 提供了丰富的文件处理能力，可以读取、解析、显示各种类型的文件。
c# 创建文件夹 文件 写入文件 读取文件 读取图片
03-23
c# winform
PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解
01-02
本文实例讲述了PHP创建文件及写入数据(覆盖写入,追加写入)的方法。分享给大家供大家参考，具体如下： 这里主要介绍了PHP创建文件，并向文件中写入数据,覆盖,追加的实现代码,需要的朋友可以参考下： 创建文件我们用到...
js实现将文件夹内所有文件和子文件夹拷贝到另外的文件夹中
jigetage的专栏
07-19 6846
方案一： 可以使用child_process模块调用操作系统的命令完成，比如linux下的mv mkdir等命令 方案二： 纯js方法 需要两个引用2个库 const fs = require('fs'); const path = require('path'); 将源文件拷贝到目标文件： //! 将srcPath路径的文件复制到tarPath var copyFile = f...
nodejs-移动文件或重命名文件
songmaolin_csdn的博客
10-25 4975
var fs=require("fs"); //移动 fs.rename('./test.txt','../7/test2.txt',function(err){    if(err){      throw err;    } }) //修改文件名（如路径相同文件不同） fs.rename('../7/wfile2.txt','../7/test2.txt',function(e
JavaScript：实现复制粘贴剪切功能
热门推荐
lalala_dxf的博客
12-30 2万+
ClipboardAPI是下一代的剪贴板操作方法，比传统的方法更加强大、更合理。
通过js保存文本信息到本地, 提供类似下载文件的功能
leiax00
12-22 1万+
在前端直接组合数据或者接口返回的文件会被浏览器自动打开的情况下， 可以通过前端处理来让浏览器保存文件到本地的任意位置； 原理：通过js书写临时<a>标签来进行类似下载弹窗的操作，需要浏览器开启每次下载文件询问保存位置； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head.
jq命令安装与使用
ACGkaka的博客
09-16 4723
jq命令安装与使用
js创建文件夹
Seas_小庙的专栏
09-21 1630
<br />function new_folder(){<br />var new_folder, fldr; <br />new_folder = new ActiveXObject("Scripting.FileSystemObject"); <br />fldr = new_folder.GetFolder("h://"); <br />new_folder.CreateFolder ("h://ceshi"); <br />var uname = new_folder.GetBaseNa
磁盘文件操作如何实现文件的创建、读取、写入、删除等操作？或者是文件夹的创建、读取、遍历等操作
05-29
文件的创建、读取、写入、删除等操作可以通过操作系统提供的文件系统接口来实现。在大多数操作系统中，文件系统接口是通过标准库或类库来实现的，例如在Windows系统中，可以使用Windows API（如CreateFile、ReadFile、WriteFile、DeleteFile等函数）来进行文件的创建、读取、写入、删除等操作。在Linux系统中，可以使用POSIX（Portable Operating System Interface）标准库中的函数（如open、read、write、unlink等函数）来进行文件的操作。 对于文件夹的创建、读取、遍历等操作，也可以通过操作系统提供的文件系统接口来实现。在Windows系统中，可以使用Windows API中的CreateDirectory、FindFirstFile、FindNextFile、FindClose等函数来进行文件夹的创建、读取、遍历等操作。在Linux系统中，可以使用POSIX标准库中的mkdir、opendir、readdir、closedir等函数来进行文件夹的操作。 需要注意的是，不同的操作系统和编程语言可能提供不同的文件系统接口，具体操作方式可能会有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值