如何在Express.js中根据请求与多参数提供不同文件夹？

我太懂这种卡壳的感觉了——照着方法做却拿不到预期的多个文件，确实让人头大。咱们先把你提到的前端逻辑拆解出来，再一步步修正问题，给你一个能直接跑通的完整示例。

先还原你当前的前端代码 #

<!DOCTYPE html>
<html>
<body>
  <button onclick="fetchFiles()">获取文件</button>
  <div id="fileList"></div>

  <script>
    async function fetchFiles() {
      // 示例参数：可根据需求修改
      const params = {
        category: 'docs',
        type: 'pdf'
      };

      try {
        const response = await fetch(`/get-files?${new URLSearchParams(params)}`);
        const files = await response.json();
        const fileList = document.getElementById('fileList');
        fileList.innerHTML = files.map(file => `<p>${file}</p>`).join('');
      } catch (error) {
        console.error('获取文件失败:', error);
      }
    }
  </script>
</body>
</html>

你遇到的核心问题 #

按照Mukesh Sharma的方法实现后无法返回多个文件，大概率是后端在参数拼接路径、读取文件夹内容、返回数据格式这几个环节出了问题——比如路径拼接错误、没遍历文件夹下所有文件，或者没做错误校验导致中途报错。

可运行的完整示例（前端+Node.js后端） #

后端代码（Node.js + Express） #

const express = require('express');
const fs = require('fs').promises;
const path = require('path');
const app = express();
const port = 3000;

// 托管前端页面
app.use(express.static('public'));

// 处理文件获取请求
app.get('/get-files', async (req, res) => {
  try {
    // 提取请求参数
    const { category, type } = req.query;

    // 先校验参数是否齐全
    if (!category || !type) {
      return res.status(400).json({ error: '请传入 category 和 type 参数' });
    }

    // 安全拼接目标文件夹路径（避免路径遍历攻击）
    const targetDir = path.join(__dirname, 'files', category, type);

    // 检查文件夹是否存在
    try {
      await fs.access(targetDir);
    } catch {
      return res.status(404).json({ error: '目标文件夹不存在' });
    }

    // 读取文件夹下所有内容，过滤出文件（排除子文件夹）
    const allItems = await fs.readdir(targetDir);
    const fileNames = await Promise.all(
      allItems.map(async item => {
        const itemPath = path.join(targetDir, item);
        const stats = await fs.stat(itemPath);
        return stats.isFile() ? item : null;
      })
    ).then(results => results.filter(Boolean));

    // 返回文件列表
    res.json(fileNames);
  } catch (error) {
    console.error('处理请求出错:', error);
    res.status(500).json({ error: '服务器内部错误' });
  }
});

app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});

项目目录结构 #

你的项目文件夹/
├── public/
│   └── index.html  # 上面的前端代码文件
├── files/
│   ├── docs/
│   │   ├── pdf/
│   │   │   ├── report.pdf
│   │   │   └── manual.pdf
│   │   └── txt/
│   │       └── readme.txt
│   └── images/
│       ├── png/
│       │   └── logo.png
│       └── jpg/
│           └── banner.jpg
└── server.js  # 上面的后端代码文件

运行步骤 #

1. 初始化项目：在项目文件夹下执行 npm init -y，然后安装依赖 npm install express
2. 按照上面的目录结构创建文件和文件夹，放入测试用的文件
3. 启动后端：node server.js
4. 打开浏览器访问 http://localhost:3000，点击“获取文件”按钮就能看到对应文件夹下的文件列表了

关键注意点 #

• 路径安全：必须用 path.join() 拼接路径，避免路径遍历攻击，同时适配Windows/macOS的路径分隔符
• 参数校验：先检查参数是否存在，防止因参数缺失导致路径错误
• 文件过滤：如果需要只返回文件（排除子文件夹），要用 fs.stat() 判断文件类型
• 错误处理：每个可能出错的环节都要捕获错误，返回清晰的提示，方便调试

内容的提问来源于stack exchange，提问作者PILL'S CAPT'N