如何使用 express.js 在 html 中显示文件夹？答案

【问题标题】：How can i display folder in html using express.js?如何使用 express.js 在 html 中显示文件夹？
【发布时间】：2016-12-16 23:59:09
【问题描述】：

我的项目中有一个文件夹（上传），我想使用 express.js 在 html 文件中显示这个文件夹

文件夹有子文件夹，用户名如下：

上传 > 用户名 > 和其他文件，例如 jpg、txt 和其他类型

我做

fs.readdir('uploads' + req.user.username, (err,data) => {
console.log(data)
}

并读取数据但我想将 html 文件放入子文件夹中，以便用户可以看到该文件夹

【问题讨论】：

有一个中间件可以做到这一点：expressjs.com/en/resources/middleware/serve-index.html

标签： javascript html node.js express mean-stack

【解决方案1】：

如果您不想像 Jordan 提到的那样使用 serve-index，您可以获取返回的文件名数组并将它们放入您在 Jade/Pug 文件中呈现的对象中。

router.get('/dir', function (req, res, next) {
  fs.readdir(path.join(__dirname, '../views'), function (err, files) {
    // directory.pug 
    res.render('directory', {files: files});
  });
});

目录.pug

extends layout
block content
  ul
    each file in files
      li= file

【讨论】：