显示cfs：ui图像流星

Question

我正在使用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>

如何显示呢？

Answer 1

终于能够做到了。

作为一个初学者，我被困在上传图片，然后向我的用户展示他们好几天。几乎试过每种方法，都没有工作。到处问到，答案都没有奏效。最后，一个来自cosio55:autoform-cloudinary的死简单包裹就像魔术一样工作！

1. CFS：UI

{{#with FS.GetFile "images" selectedImageId}} // image url {{/with}}

问题：

用，这是我无法让selectedImageId只是在使用这些包来看看这些问题我面对。

cfs:gridfs

问题：

网格fs的存储图像在单独的集合。我的用户列表使用铁路路由器来显示另一个集合的用户列表。图像被上传到图像集合中。但是对于我一生的爱，我无法正确地展示他们。每个用户都看到他自己的照片，而不是照片的所有者的照片。发生错误的mongo查询，但我无法获得正确的查询。尝试在profile.profilePicture中附加照片，但同样的错误图像问题依然存在。

而且我必须把上传的照片放在一个单独的页面中，而不是在autoform中。

lepozepo:cloudinary

问题：图像上载细。但有问题获取/存储图像的网址。无法获得public_id !!!!!在那里迷路了。

而且我必须把上传的照片放在一个单独的页面中，而不是在autoform。

autoform-file by yogiben

相同的问题GridFs。

解决方案：

最后这个cosio55:autoform-cloudinary包花了我一分钟，以搞清楚这些事情。 A 分钟vs天其他大牌包！

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

只是在img来源，这就是它添加{{image}}。图片网址存储在autoform存储所有内容的同一个集合中。

Cheers Mates。