0

挿入したばかりの画像からファイルの場所/URL を取得しようとしています。path + objectID を使用しようとしましたが、画像がありません。画像の URL を別のコレクションに保存しようとしています。そのコレクションをテンプレートにロードし、iamge URL を img ソースとして使用できます。

var ShopsImageFS = new FS.Store.FileSystem("images", {
  path: "~/shop/images/"
});

ShopsImages = new FS.Collection("images", {
  stores: [ShopsImageFS],
  filter: {
    maxSize: 3145728,
    allow: {
  contentTypes: ['image/*'],
  extensions: ['png', 'PNG', 'jpg', 'JPG', 'jpeg', 'JPEG']
}}
});

Template.newshop.events({
  "change .image": function(event, template){
    FS.Utility.eachFile(event, function(file) {
      ShopsImages.insert(file, function (err, fileObj){
        if(err) {
          console.log(err);
        } else {

          Session.set("imageURL", "~/shop/images/" + fileObj);
          // not working
        }
      })
    })
  },

var imageURL = Session.get('imageURL');

Meteor.call("addShop", date, name, description, imageURL, address, postcode, city, country, latitude, longitude);

サーバー.js

Meteor.startup(function(){
    Meteor.methods({
      addShop:function (date, name, description, imageURL ,address, postcode, city, country, latitude, longitude) {

          Shops.insert({date:date, name:name, description:description, imageURL:imageURL, address:address, postcode:postcode, city:city, country:country,  latitude:latitude, longitude:longitude});
    }
}

home.html

<div class="col-md-6">
      {{#each shopList}}
        {{>shopCard}}
      {{/each}}
    </div>

<template name="shopCard">

<a style="text-decoration: none;" href="{{ pathFor route='shop.show' name=name _id=_id }}">
  <div id="shopCardItem">

  <div class="panel panel-default">
  <div class="panel-body">

    <img id="shopImage" src="{{imageURL}}" alt="{{name}}"/>

    <div id="shopContent">
      <h1>{{name}}</h1>
      <p>{{city}}</p>

    </div>

  </div>

</div>

</div>

</a>

</template>

home.js

Template.home.helpers({
  shopList: function() {
    var search_query = Session.get('search_query');
    return Shops.find({name: { $regex: search_query + ".*", $options: 'i' }});

  }
});
4

1 に答える 1

1

パスは にありfileObj.url()ます。複数の店舗がある場合は、 を使用して別の店舗への URL を取得できますfileObj.url("storeName")。

画像 src を設定する場合は、次のような手法を使用します。

{{#each shopimage}}
    <img src="{{this.url store='images'}}">
{{/each}}

どこ：

 shopimage : function () {
     return ShopImages.find();
 }
于 2015-06-07T23:17:56.773 に答える