Javascript 如何使用collectionfs将MeteorJS中的图像更改为缩略图

使用其中一个评论/答案，我修复了照片查看问题，但是如果图像太大，它有时不会加载。如果能看到一个将图像转换为缩略图的代码示例，那就太好了

<template name="photos">
    <form>
        <input id="file" type="file">
        <input id="addFile" type="submit">
    </form>

    {{#each images}}
      <div>
         <a href="{{this.url}}" target="_blank"><img src="{{this.url store='images' uploading='/images/uploading.jpg' storing='/images/storing.jpg'}}" alt="" class="thumbnail" /></a>
      </div>
    {{/each}}

</template>

---

您是否创建了“发布/订阅图像”集合？另外，我可以看到您正在使用另一个存储来显示图像，它应该是

我尝试将源代码更改为store='images'，但没有成功，我还删除了src={{}中的所有内容，除了{{{this.url store='images'}}之外，也没有成功。图像应该在哪里，只有一个图片图标，而不是我上传的实际图片。我不确定你所说的发布/订阅是什么意思，它与处理程序有关，因为我在某个地方读到可能需要它。我根据你的评论修复了image src标记。图片现在加载，但希望更改为缩略图。你会怎么做？

if (Meteor.isServer) {
  // Create server database for listings
  var Images = new FS.Collection("images", {
    stores: [new FS.Store.FileSystem("images", {path: "~/uploads"})]
  });

    Template.photos.events({
      'click #addFile' : function(e, t){
        var file = t.find('#file').files[0];
        var ticket = this._id;
        var newFile = new FS.File(file);
        newFile.metadata = {
          ticketId: ticket
        };
        Images.insert(newFile, function (err, fileObj) {
          if (!err) {
            console.log(fileObj);
          }
        });
       }
    });

    Template.photos.helpers({
      images: function () {
        return Images.find(); // Where Images is an FS.Collection instance
      }
    });
}