显示cfs:ui图像流星

时间:2015-09-27 15:44:54

标签: image meteor

我正在使用cfs:ui以及所有其他cfs包来上传和显示图像。问题是,我无法获得图像显示助手的图像ID。这是代码。

Template.upload.events({
  'change #exampleInput': FS.EventHandlers.insertFiles(Images, {
      metadata: function (fileObj) {
        return {
          owner: Meteor.userId(),
          pic: fileObj._id
        };
      },
      after: function (error, fileObj) {
        console.log("Inserted", fileObj._id);
    }
 })
});

<template name="profile">
 
       {{#with FS.GetFile "images" metadata.pic}}
          <img src="{{this.url}}">
        {{/with}}
 
</template>

我该如何显示?

1 个答案:

答案 0 :(得分:1)

终于能够做到了。

作为初学者,我被困在上传图片,然后为我的用户展示了几天。几乎每种方法都尝试过,没有一种方法可行。问到处都没有,答案都没有。最后,来自cosio55:autoform-cloudinary的一个死的简单包就像魔术一样!只需看看我在使用这些软件包时遇到的问题:

  1. CFS:UI
  2. {{#with FS.GetFile "images" selectedImageId}} // image url {{/with}}

    问题:

    这是我无法得到selectedImageId

    1. cfs:gridfs
    2. 问题:

      grid fs将图像存储在单独的集合中。我的用户列表使用铁路由器显示另一个集合的用户列表。图像被上传到图像集合中。但是对于我生命中的爱,我无法正确地展示它们。每个用户都看到自己的图片,而不是个人资料所有者的图片。发生的原因是因为mongo查询错误但我找不到正确的查询。尝试在profile.profilePicture中附加照片,但同样的错误图像问题仍然存在。

      我必须将上传照片放在单独的页面中,而不是在autoform中。

      1. lepozepo:cloudinary
      2. 问题:图片上传得很好。但是获取/存储图像URL存在问题。无法得到public_id !!!!!迷路了。

        我必须将上传照片放在单独的页面中而不是autoform

        1. autoform-file by yogiben
        2. GridFs相同的问题。

          <强>解决方案:

          最后,这个cosio55:autoform-cloudinary包裹花了我一分钟时间来解决问题。其他大牌包的分钟与天 !!!!

          <div> <img src=" {{image}}" alt=""> Image </div>

          只需在{{image}}来源中添加img就可以了。图像URL存储在autoform存储所有内容的同一集合中。

          干杯队友。