当前位置:首页 > 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实现验证码

js实现验证码

实现验证码的JavaScript方法 生成随机验证码 使用Math.random()生成随机字符串,结合数字和字母: function generateCaptcha() { const cha…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document.…

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…