Question

我还是Meteor的新手。我正在创建一个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({});
    }
  });

}

请告诉我这里做错了什么。任何帮助都会很棒！我一直在寻找一种解决这个问题的方法。

当meteor js重新启动时，正在删除上传的图像

0 个答案: