Meteor Collection FS缩略图未显示

时间:2015-06-22 10:18:48

标签: meteor

我需要这里的帮助

我正在尝试使用以下示例创建缩略图

https://github.com/CollectionFS/Meteor-CollectionFS#image-manipulation

我在/ collections / common.js

中定义了以下代码
 var createThumb = function(fileObj, readStream, writeStream) {
 // Transform the image into a 10x10px thumbnail
 gm(readStream, fileObj.name()).resize('10',   '10').stream().pipe(writeStream);
 };

 Images =new FS.Collection('images',{
 stores: [
 new FS.Store.FileSystem("thumbs", {transformWrite: createThumb }),
 new FS.Store.FileSystem('images',{path:'~/projectUploads'})
]
});

在模板上我有这个代码

  {{#each images}}
  <div>
  <a href="{{url}}" target="_blank"><img src="{{url store='thumbs'}}" alt="image"/></a>
   </div>
  {{/each}}

这显示了破碎的图像。同样在我的收藏中,拇指副本表示size = 0

如果我使用store =&#34;图像&#34;更改上述代码原始图像显示

{{#each images}}
  <div>
  <a href="{{url}}" target="_blank"><img src="{{url store='images'}}" alt="image"/></a>
   </div>
  {{/each}}

我做错了什么?任何帮助真的很感激。我在最近几天坚持使用它

enter image description here

1 个答案:

答案 0 :(得分:1)

试试这个:

添加出版物(服务器代码):

Meteor.publish("images", function() {
    return Images.find({});
});

允许规则(服务器代码):

Images.allow({
    download: function(userId, doc) {
        return true;
    }
});

添加模板助手“images”(客户端):

Template.your_template_name_here.helpers({
    images: function() {
        return Images.find()
    }
});