2015-09-27 69 views
0

我正在使用cfs:ui以及所有其他cfs包來上傳和顯示圖像。問題是,我無法獲得圖像顯示助手的圖像ID。這是代碼。顯示cfs:ui圖像流星

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>

如何顯示呢?

回答

0

終於能夠做到了。

作爲一個初學者,我被困在上傳圖片,然後向我的用戶展示他們好幾天。幾乎試過每種方法,都沒有工作。到處問到,答案都沒有奏效。最後,一個來自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。