javascript - collectionfsを使用してMeteorJSで画像をサムネイルに変更する方法

Question

コメント/回答の1つを使用して写真の表示を修正しましたが、画像が大きすぎると読み込まれないことがあります。画像をサムネイルに変換するコードの例を見るのは素晴らしいことです。

<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>

Javascript:

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
      }
    });
}