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

时间:2015-05-20 07:32:27

标签: javascript meteor spacebars collectionfs atmosphere.js

使用其中一条评论/答案我修复了照片查看,但如果图像太大,有时无法加载。很高兴看到将图像转换为缩略图的代码示例。

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

0 个答案:

没有答案