Question

我正在构建一个非常小的Meteor应用程序，只是为了更好地理解Autoform和CollectionFS，以及它们的结合使用。我目前使用以下软件包设置了所有内容：

iron:router, aldeed:autoform, aldeed:collection2, cfs:standard-packages,
cfs:filesystem, cfs:autoform

我有一个示例Mongo Collection分配给＆＃34; Books＆＃34;设置附带一个SimpleSchema，包含标题和作者等演示中的字段。文件上传的相应代码是：

fileId: {
  type: String,
  autoform: {
    afFieldInput: {
      type: "cfs-file",
      collection: "images"
    }
  }
}

FS.Collection代码是：

Images = new FS.Collection("images", {
 stores: [new FS.Store.FileSystem("images", {path: "~/uploads"})]
});

这与quickform：{{> quickForm collection="Books" id="insertBookForm" type="insert"}}

结合使用

插入很好，我可以遍历文档并使用空格键和一个名为＆＃34; books＆＃34;的辅助函数来显示各个字段，如下所示：

{{#each books}}
    <li>{{title}} by {{author}}</li>
{{/each}}

我还可以使用帮助程序迭代上传到FS.Collection的图像，并返回名为＆＃34;文件的整个集合，＆＃34;并循环遍历它们：

{{#each files}}
  <img src="{{this.url}}" />
{{/each}}

我遇到的问题是将两者联系在一起。我希望能够按照以下方式做点什么：

{{#each books}}
  <li>{{title}}, by {{author}} <img src="The-Corresponding-Image}}" /></li>
{{/each}}

显然不是那种确切的布局，但我基本上只是希望能够使用相应的标题和作者打印图像，以便能够根据我的需要使用autforms和collectionfs。

我试图从Books集合中的特定文档中检索fileId，然后将其插入Images.findOne({fileId: fileId})并将两者链接在一起。

有人能指出我正确的方向吗？

Answer 1

由于Ethaan的指导，我能够弄明白。我必须做的是以下几点：

Autoform Hook：

AutoForm.hooks({
 insertBookForm: {
   after: {
     insert: function(error, result, template) {
       insertedFile = Books.findOne(result).fileId;
       Images.update({_id: insertedFile}, {$set: {'book': result}});
     }
   }
 }
});

我设置了一个＆＃39; book＆＃39;插入后立即插入文档的_id（存储在result参数中）。

这是我对应的HTML：

{{#each books}}
  <li>{{title}} by {{author}}</li>
    {{#with files}}
        <img src="{{this.url}}" />
    {{/with}}
{{/each}}

我的助手：

Template.layout.helpers({
  books: function () {
    return Books.find({});
  },
  files: function() {
    return Images.findOne({book: this._id});
  }
});

MeteorJS：Autoform + CollectionFS，将来自FS.Collection的图像与相应的Mongo.Collection文档相关联？

1 个答案: