Node.js如何显示Web根目录public文件夹外的图片

针对你的场景，我推荐几个不用把图片移到public文件夹的方案，尤其是考虑到用户作业数据的安全性和独立性，首选路由控制的方式：

1. 创建专属路由提供图片访问（最推荐） #

既然你用的是EJS，应该是基于Express框架吧？可以在你的Express应用里新增一个专门的路由，用来处理用户作业图片的请求，同时还能加入权限验证，确保只有授权用户能访问对应图片。

步骤： #

• 在你的Express主文件（比如app.js）里添加路由：

const path = require('path');

// 处理用户作业图片的请求
app.get('/assignment-image/:username/:assignment', (req, res) => {
  const { username, assignment } = req.params;
  // 拼接图片的实际路径
  const imagePath = path.join(__dirname, '../data/userdata', username, 'assignment', 'file.jpg');

  // 这里可以加入权限验证逻辑（比如检查当前登录用户是否是该username，或者有访问权限）
  // 示例：如果当前用户不是图片所属用户，返回403
  // if (req.session.user.username !== username) {
  //   return res.status(403).send('你无权访问该图片');
  // }

  // 返回图片文件
  res.sendFile(imagePath, (err) => {
    if (err) {
      res.status(404).send('图片不存在或路径错误');
    }
  });
});

• 在index.ejs里引用这个路由：

<!-- 假设你已经在模板中传入了username和assignment变量 -->
<img src="/assignment-image/<%= username %>/<%= assignment %>" alt="作业图片">

这个方案的优势：

• 不用移动任何文件，保持现有目录结构
• 可以灵活添加权限控制，保护用户的作业数据不被随意访问
• 路径清晰，易于维护

2. 配置静态资源目录指向用户数据路径（需注意权限） #

如果不需要复杂的权限验证，也可以直接把data/userdata配置为静态资源目录，但要给它加一个虚拟路径前缀，避免和public里的其他资源冲突。

步骤： #

• 在Express主文件里添加静态资源配置：

app.use('/user-asset', express.static(path.join(__dirname, '../data/userdata')));

• 在index.ejs里直接引用图片路径：

<img src="/user-asset/<%= username %>/assignment/file.jpg" alt="作业图片">

⚠️ 注意：这个方案会直接暴露data/userdata下的所有文件，如果没有额外的权限控制，知道其他用户名的人可能能访问到别人的作业图片，所以只适合信任环境或者配合权限中间件使用。

3. 符号链接（软链接）方式（不推荐用于多用户场景） #

你可以在public文件夹里创建一个软链接指向目标图片的目录，但这个方案扩展性差，每个用户的作业都要单独创建链接，而且跨平台（Windows/Linux）的命令不同，部署起来麻烦，还容易出现权限问题，所以不推荐用于多用户的作业场景。

比如在Linux/macOS下创建软链接：

# 进入public目录
cd Webroot/core/public
# 创建软链接指向目标作业图片目录
ln -s ../../../data/userdata/username/assignment user-assignment

然后在index.ejs里引用：

<img src="/user-assignment/file.jpg" alt="作业图片">

综合来看，**方案1（专属路由）**是最适合你的场景的，既保留了现有目录结构，又能保证用户数据的安全性。

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