当前位置:首页 > JavaScript

js实现文件夹

2026-01-16 12:29:41JavaScript

使用JavaScript创建文件夹

在浏览器端的JavaScript中无法直接操作文件系统创建文件夹,这是出于安全考虑。但在Node.js环境中可以通过文件系统模块(fs)实现。

Node.js中使用fs.mkdir()方法创建文件夹:

const fs = require('fs');

fs.mkdir('./newFolder', (err) => {
  if (err) throw err;
  console.log('文件夹创建成功');
});

递归创建多级目录

使用fs.mkdir()recursive选项可以创建多级目录:

js实现文件夹

fs.mkdir('./parent/child/grandchild', { recursive: true }, (err) => {
  if (err) throw err;
});

检查文件夹是否存在

创建前先检查文件夹是否存在:

fs.access('./folder', fs.constants.F_OK, (err) => {
  if (err) {
    fs.mkdir('./folder', (err) => {});
  }
});

浏览器中的替代方案

在浏览器中可以通过以下方式模拟:

js实现文件夹

  • 使用<input type="file" webkitdirectory>让用户选择文件夹
  • 通过IndexedDB存储分层数据模拟文件夹结构
  • 使用Web Storage API存储键值对

使用Promise版本

Node.js 10+支持Promise版本的fs模块:

const fs = require('fs').promises;

async function createFolder() {
  try {
    await fs.mkdir('./newFolder');
  } catch (err) {
    console.error(err);
  }
}

删除文件夹

删除文件夹使用fs.rmdir()

fs.rmdir('./folder', (err) => {
  if (err) throw err;
});

递归删除使用第三方模块如rimraf或Node.js 12.10+的fs.rm()

fs.rm('./folder', { recursive: true }, (err) => {});

标签: 文件夹js
分享给朋友:

相关文章

js 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与响应式…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现复制功能

js实现复制功能

使用 document.execCommand 方法 这种方法适用于较旧的浏览器,但在现代浏览器中可能被逐步淘汰。通过创建一个临时的 textarea 元素,将文本内容放入其中,然后执行复制命令。…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 /…