如何在Web应用中批量查找max_前缀文件夹并创建快捷方式？

核心前提说明 #

浏览器的安全策略限制前端JS直接访问本地文件系统，所以必须结合后端服务（比如Node.js）或者使用Electron这类桌面应用框架，才能完成本地文件夹遍历和快捷方式创建操作。

前端交互逻辑优化 #

基于你现有代码，先完善前端的交互流程：

• 点击按钮时，先获取搜索框里的前缀（比如max_）
• 把前缀和目标目录（可让用户输入或预先配置）传给后端
• 根据后端返回结果更新页面状态（提示成功/失败、创建数量等）

修改后的前端JS示例：

const createBtn = document.getElementById("button-create");
const prefixInput = document.getElementById("text-id");

createBtn.addEventListener("click", async () => {
  const prefix = prefixInput.value.trim();
  if (!prefix) {
    alert("请输入文件夹前缀");
    return;
  }

  createBtn.innerHTML = "处理中...";
  try {
    // 向后端发送请求，假设后端接口为/api/create-shortcuts
    const res = await fetch("/api/create-shortcuts", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        prefix: prefix,
        sourceDir: "/path/to/source/folders", // 源文件夹路径，可改为用户输入框
        shortcutDir: "/path/to/shortcut/destination" // 快捷方式存放目录
      })
    });
    const data = await res.json();
    if (data.success) {
      createBtn.innerHTML = `已创建 ${data.count} 个快捷方式`;
    } else {
      alert(`创建失败：${data.error}`);
      createBtn.innerHTML = "创建快捷方式";
    }
  } catch (err) {
    alert("请求出错，请检查后端服务");
    createBtn.innerHTML = "创建快捷方式";
  }
});

后端核心功能实现（Node.js示例） #

用Node.js处理文件系统操作，核心步骤：

1. 遍历指定目录，筛选出以目标前缀开头的文件夹
2. 根据操作系统创建对应类型的快捷方式

const express = require("express");
const fs = require("fs");
const path = require("path");
const { exec } = require("child_process");

const app = express();
app.use(express.json());

// 创建快捷方式的接口
app.post("/api/create-shortcuts", (req, res) => {
  const { prefix, sourceDir, shortcutDir } = req.body;

  // 校验目录是否存在
  if (!fs.existsSync(sourceDir)) {
    return res.json({ success: false, error: "源目录不存在" });
  }
  if (!fs.existsSync(shortcutDir)) {
    fs.mkdirSync(shortcutDir, { recursive: true });
  }

  // 遍历并筛选符合前缀的文件夹
  const targetFolders = fs.readdirSync(sourceDir, { withFileTypes: true })
    .filter(dirent => dirent.isDirectory() && dirent.name.startsWith(prefix))
    .map(dirent => dirent.name);

  let createdCount = 0;

  // 逐个创建快捷方式
  targetFolders.forEach(folderName => {
    const sourcePath = path.join(sourceDir, folderName);
    const shortcutPath = path.join(shortcutDir, folderName);

    // 跨平台兼容处理
    if (process.platform === "win32") {
      // Windows：用PowerShell创建.lnk快捷方式
      const cmd = `powershell "$WshShell = New-Object -ComObject WScript.Shell; $Shortcut = $WshShell.CreateShortcut('${shortcutPath}.lnk'); $Shortcut.TargetPath = '${sourcePath}'; $Shortcut.Save()"`;
      exec(cmd, (err) => {
        if (!err) createdCount++;
      });
    } else if (process.platform === "darwin") {
      // macOS：创建符号链接
      fs.symlinkSync(sourcePath, shortcutPath);
      createdCount++;
    } else if (process.platform === "linux") {
      // Linux：创建软链接
      fs.symlinkSync(sourcePath, shortcutPath);
      createdCount++;
    }
  });

  res.json({ success: true, count: createdCount });
});

app.listen(3000, () => console.log("服务运行在http://localhost:3000"));

关键注意事项 #

• 权限问题：后端服务需要拥有访问源目录和写入目标目录的权限
• 跨平台兼容：不同系统的快捷方式实现逻辑不同，必须做分支处理
• 用户体验：添加加载状态、错误提示，避免用户无法感知操作进度

内容的提问来源于stack exchange，提问作者NateUser