Javascript 在html文件中显示存储在MongoDb中的图像_Javascript_Node.js_Mongoose_Ejs

Javascript 在html文件中显示存储在MongoDb中的图像

javascript node.js mongoose

Javascript 在html文件中显示存储在MongoDb中的图像,javascript,node.js,mongoose,ejs,Javascript,Node.js,Mongoose,Ejs,我正在使用Node.js+mongoose+EJS作为视图引擎我已成功使用以下指南制作了一个简单的send命令，用于在服务器端检索和发送此图像：然而，我很难找到一个关于如何在html中呈现页面和放置图像的指南。我使用的是EJS视图引擎。欢迎提供任何快速示例或提示。按学生用户名显示图片：路由/profile.js： var userSchema = new Schema({ username: String, img: { data: Buffer, contentType:

我正在使用Node.js+mongoose+EJS作为视图引擎

我已成功使用以下指南制作了一个简单的send命令，用于在服务器端检索和发送此图像：

然而，我很难找到一个关于如何在html中呈现页面和放置图像的指南。我使用的是EJS视图引擎。

欢迎提供任何快速示例或提示。

按学生用户名显示图片：

路由/profile.js：

var userSchema = new Schema({
  username: String,
  img: { data: Buffer, contentType: String }
});
var User = mongoose.model('User', userSchema);

// Get profile picture
router.get('/profile/:userId/picture', function(req,res,next) {
  User.findById( req.params.userId function(err,user) {
      if (err) return next(err);
      res.contentType(user.img.contentType);
      res.send(user.img.data);
  });
});

// Get profile
router.get('/profile/:username', function(req,res,next) {
  User.findOne(
    {'username': req.params.username},
    function(err, result) {
      if (err) return next(err);
      res.render('profile', {
        username: result.username,
        userid: result.id
      });
    });
});

<html><body>
    <h1><%= username %></h1>
    <img src='/profile/<%= userid %>/picture' />
</body></html>

查看/配置文件.ejs：

var userSchema = new Schema({
  username: String,
  img: { data: Buffer, contentType: String }
});
var User = mongoose.model('User', userSchema);

// Get profile picture
router.get('/profile/:userId/picture', function(req,res,next) {
  User.findById( req.params.userId function(err,user) {
      if (err) return next(err);
      res.contentType(user.img.contentType);
      res.send(user.img.data);
  });
});

// Get profile
router.get('/profile/:username', function(req,res,next) {
  User.findOne(
    {'username': req.params.username},
    function(err, result) {
      if (err) return next(err);
      res.render('profile', {
        username: result.username,
        userid: result.id
      });
    });
});

<html><body>
    <h1><%= username %></h1>
    <img src='/profile/<%= userid %>/picture' />
</body></html>


/图片'/>