ファイルシステムを使用して、コレクションファイルでアップロードした画像を表示する

Question

アップロードした画像を、そのアプリケーションにアクセスした人に見せようとしています。

私のプロジェクトからまだパッケージinsecuredまたはautopublishを削除していません。

私はこのような機能を持っている：次のように持っている私のmeteor mongoコンソール、私はshow.collectionsを行うとき、私はcfs.images.filerecordを取得中

$scope.upload = (event) => { 
    var file = event; //assuming 1 file only 
    console.log(file); 
    if (!file) return; 
    Images.insert(file, function (err, fileObj) { 
    if (err) { 
     console.log(err); 
    } else { 
     console.log('success', fileObj); 
    } 
    }); 
} 

私のローカルマシンに画像を記憶

Images = new FS.Collection("images", { 
    stores: [new FS.Store.FileSystem("images", {path: "/home/user/uploadedimages"})] 
}); 

を：

{ 
    "_id" : "yqEzEH2us7SZveDm2", 
    "original" : { 
     "name" : "Screenshot from 2016-05-11 14:38:59.png", 
     "updatedAt" : ISODate("2016-05-11T18:38:59.636Z"), 
     "size" : 607292, 
     "type" : "image/png" 
    }, 
    "uploadedAt" : ISODate("2016-05-15T03:04:40.447Z"), 
    "copies" : { 
     "images" : { 
      "name" : "Screenshot from 2016-05-11 14:38:59.png", 
      "type" : "image/png", 
      "size" : 607292, 
      "key" : "images-yqEzEH2us7SZveDm2-Screenshot from 2016-05-11 14:38:59.png", 
      "updatedAt" : ISODate("2016-05-15T03:04:40Z"), 
      "createdAt" : ISODate("2016-05-15T03:04:40Z") 
     } 
    } 
} 

質問

アップロードされた画像をクライアントに表示する方法を教えてください。

私はあなたが

<div ng-repeat="image in images"> 
    <img ng-src="{{image.url}}" width="400px" alt=""> 
</div> 

ような何かを行うことを読んだ。しかし、これは、画像をレンダリングするか、まったく何も表示されません。私はまだautopublishパッケージを流星から削除していないので、購読しないと配列を見ることができます。

Answer 1

var fileObj.url（）を使用できます。あなたの成功のコールバックでアップロードされた画像のURLを取得する。たとえば：

var url = fileObj.url({brokenIsFine: true}); 
console.log(url);