Question

我使用express.js和jade / pug来查看视图。我想动态创建滑块，每张滑块来自2张照片。

从现在开始，我逐个渲染每个文件，如下所示：

router.get('/:id', (req,res) => {
let query = {authUserName: req.user._id}
  Photo.find(query, (err, photos) => {
    if(err){
      console.log(err);
    } else{
      res.render('user_photos', {
        user: req.user,
        photos: photos,
        title: req.user.userName + ' photos'
      })
    }
  });
});

和

block content
  h1.userPhotos #{user.userName} photos
  #imagesContainer
    each photo in photos
      .imgContainer
        .image
          a(href='/photos/edit/'+photo._id)
            img.edit-photo(src='/' + photo.path)

这就是我现在正在显示滑块的方式：

block content
  h1.userPhotos #{user.userName} photos
  #imagesContainer
    img(src='/uploads/photos/1.jpg')
    img(src='/uploads/photos/2.jpg')

然后我使用第三方库。

我要显示的照片存储在photos目录中，名称为：

photo_id5a1e9bd71f49972e2471a80f_nr28.png
photo2_id5a1e9bd71f49972e2471a80f_nr28.png

一个滑块的每两张照片都有相同的名称，photo/photo2前缀除外。接下来的两张照片将具有如下名称：

photo_diffrentID_nextNumber.png
photo_idLikeAbove_numberLikeAbove.png

所以我的问题是我该怎么做？

以特定方式将数据从Express.js传递到Jade视图

0 个答案: