0

我还是流星的新手。我正在创建一个 Meteor JS 项目,它的核心功能之一是图片上传,或者更像是特色图片上传。上传工作正常,点击提交后,它会显示在我的<div class="viewing">. 重新启动 Meteor 时会出现问题。图像将被删除,因此在我运行程序时没有显示图像。

这是我的代码:

的HTML:

<body>
    {{> viewPost}}
  <h1>Welcome to Meteor!</h1>

  {{> addPost}}
</body>

<template name="addPost">
  <form class="main-form">
    <input type="text" name="title"/>
    <br><br>
    <input type="file" name="imgUp" class="fileIn"/>
    <br><br>
    <button>Submit</button>
  </form>
</template>

<template name="viewPost">
    {{#each images}}
    <div class="viewing">
        <img src="{{this.url store='images'}}"/>
    </div>
    {{/each}}
</template>

JS:

Images = new FS.Collection("images", {
  stores: [new FS.Store.FileSystem("images",{path: "~/uploads"})],
  filter: {
        allow: {
            contentTypes: ['image/*'] //allow only images in this FS.Collection
        }
    }
});

if (Meteor.isClient) {
  Template.addPost.events({
    'submit .main-form': function(event, template){
      var title = event.target.title.value;
      event.preventDefault();
      var fileObj = template.find('input:file');
      Images.insert(fileObj.files[0], function (err,fileObj){});

    }

  });

  Template.viewPost.helpers({
    images: function(){
      return Images.find({});
    }
  });

}

请告诉我我在这里做错了什么。任何帮助都会很棒!几天来,我一直在寻找解决此问题的方法。

4

0 回答 0