使用JavaScript操作本地文件与目录

"js 获取本地文件及目录的方法" 在JavaScript中获取本地文件和目录通常涉及到使用ActiveX对象`Scripting.FileSystemObject`(FSO)，这是在Internet Explorer中支持的一种技术。尽管现代浏览器出于安全考虑并不直接支持这种方式，但在特定的IE环境中或者与服务器端脚本（如ASP）结合时，FSO对象可以提供文件系统操作的能力。 FileSystemObject对象 FileSystemObject对象是微软的ActiveX组件，用于在客户端的Windows操作系统上执行文件系统操作。它包含了一系列属性和方法，允许开发者读取、写入、创建、移动和删除文件及目录。 核心方法和属性 1. 创建FileSystemObject对象 ```javascript var fso = new ActiveXObject("Scripting.FileSystemObject"); ``` 这行代码会创建一个FSO对象实例，为后续的文件操作提供基础。 2. 创建文件 使用`CreateTextFile`方法可以创建一个新的文本文件： ```javascript var fso = new ActiveXObject("Scripting.FileSystemObject"); var file = fso.CreateTextFile("C:\\myjstest.txt", true); ``` 参数`true`表示如果文件已存在，则覆盖原有内容。 3. 读取文件 可以使用`OpenTextFile`方法打开一个文件进行读取： ```javascript var fso = new ActiveXObject("Scripting.FileSystemObject"); var file = fso.OpenTextFile("C:\\myjstest.txt", 1); // 1 表示只读模式 var content = file.ReadAll(); file.Close(); ``` 4. 写入文件 在已打开的文件上使用`WriteLine`或`Write`方法写入内容： ```javascript file.WriteLine("Hello, World!"); // 写入一行 file.Write("Additional text"); // 连续写入 ``` 5. 获取文件和目录信息 - `GetDrive`用于获取指定驱动器的信息： ```javascript var drive = fso.GetDrive("C:"); ``` - `GetFolder`获取指定路径的文件夹： ```javascript var folder = fso.GetFolder("C:\\MyFolder"); ``` - `GetFile`获取指定路径的文件： ```javascript var file = fso.GetFile("C:\\MyFolder\\myfile.txt"); ``` 6. 遍历文件和目录 可以使用`Files`和`SubFolders`集合来遍历文件夹中的文件和子文件夹： ```javascript for (var file in folder.Files) { console.log(file.Name); } for (var subfolder in folder.SubFolders) { console.log(subfolder.Name); } ``` 7. 移动、复制和删除文件/目录 - `MoveFile`移动文件： ```javascript fso.MoveFile("C:\\oldfile.txt", "C:\\newfile.txt"); ``` - `CopyFile`复制文件： ```javascript fso.CopyFile("C:\\myfile.txt", "C:\\backup\\myfile.txt", true); // true 表示覆盖目标文件 ``` - `DeleteFile`删除文件： ```javascript fso.DeleteFile("C:\\temp.txt", true); // true 表示即使文件被锁定也强制删除 ``` - `MoveFolder`和`DeleteFolder`方法对应于移动和删除文件夹。 需要注意的是，这些操作仅在支持ActiveX的环境（主要是旧版的Internet Explorer）中有效，并且可能需要用户权限。在现代浏览器中，为了安全原因，JavaScript通常不能直接访问本地文件系统，而是通过`FileReader`、`FileWriter`和`File` API在用户明确选择文件时进行操作。例如，使用`input[type=file]`元素让用户选择文件，然后使用`FileReader`来读取其内容。对于跨域或服务器端的文件操作，通常会使用Ajax或其他HTTP请求技术配合后端服务。