javascript - 如何将图像从 autoform 链接到 CollectionFS 中的用户集合以显示个人资料图片？

Question

我使用自动表单将用户上传的个人资料图片保存到“图像”集合中。但是我不知道如何调用将特定图片加载到模板上。以下不显示模板上的图像。但是，如果我将 Images.find({'doc.metadata.ownerId':Meteor.userId()}); 更改为 Images.find()，那么所有图像加载，但我无法指定我想要哪一个。

this.Images = new FS.Collection("Images", {
  stores: [new FS.Store.GridFS("Images", {})]
});

Images.files.before.insert(function(doc) {
  doc.metadata = {
    date: Date.now(),
    ownerId: this.userId
             };
  console.log("before", doc);
  return doc;
});

Template.photos.helpers({
      Images: function () {
        Images.find({'doc.metadata.ownerId':Meteor.userId()});
                }
     });

Answer 1

您正在做的是用户上传的图片，您将用户标识添加为元值并存储它。它只会让您获取用户上传的所有图像。由于您还使用了时间戳，因此最新的将是最新的个人资料照片。

或者，在用户文档中，将 photo 字段添加到 profile。

这样，当用户上传照片时，将 photo 值设置为已上传图像的键并显示照片，您可以做一个

Images.findOne({ _id: Meteor.user().profile.photo })

如果你使用autoform，在profile.photo中存储图片ID会容易很多。

希望这对您有所帮助。