Question

我有一个简单的门票应用程序。当我创建新票证时，我可以添加与此票据相关的附件。下载按钮不起作用。文件元数据已正确插入集合中，我看到它。也许，这就是原因：资源不在上传文件夹中。我使用cfs：filesystem连接器，这里是我的代码：

ticket.html

<head>
  <title>orangeticket-test</title>
</head>

<body>
  <h1>Tickets</h1>
  {{> newTickets}}
  {{> tickets}}
</body>

<template name="newTickets">
  <input type="text" id="ticket" placeholder="name" >
  <input id="submit" type="submit">
</template>

<template name="tickets">
    {{#each tickets}}
      <div class="tickets">
          <p>Titolo: {{name}}</p>
      {{> addFile}}
      </div>
    {{/each}}
</template>

<template name="addFile">
    <form>
        <input id="file" type="file">
        <input id="addFile" type="submit">
    </form>
    {{#each files}}
        <div class="file">
            <strong>{{this.name}}</strong> <a href="{{this.url download=true}}" class="btn btn-primary">Download</a>
        </div>
    {{/each}}
</template>

tickets.js

Tickets = new Meteor.Collection('Tickets');

var fileStore = new FS.Store.FileSystem("fileStore", {
  path: "~/uploads/files"
});
Files = new FS.Collection("Files", {
  stores: [fileStore]
});

if (Meteor.isClient) {

  Template.tickets.helpers({
    tickets: function () {
      return Tickets.find();
    }
  });

  Template.newTickets.events({
    'click #submit': function (e, t) {
      e.preventDefault();
      var ticket = t.find('#ticket').value;
      Tickets.insert({name:ticket});
    }

  });

  Template.addFile.events({
    'click #addFile' : function(e, t){
      var file = t.find('#file').files[0];
      var ticket = this._id;
      var newFile = new FS.File(file);
      newFile.metadata = {
        ticketId: ticket
      };
      Files.insert(newFile, function (err, fileObj) {
        if (!err) {
          console.log(fileObj);
        }
      });
    }
  });

  Template.addFile.helpers({
    files: function() {
      var ticket = this._id;
      return Files.find({'metadata.ticketId':ticket});
    }
  })
}

if (Meteor.isServer) {
  Meteor.startup(function () {
    console.log('server works');
  });
}

克隆git项目：

git@gitlab.com：arcidiaco.a / orangeticket-test.git

非常感谢！

Answer 1

我解决了问题：提交按钮在文件上传时刷新页面。此操作会中断上载操作。我删除了提交按钮，而只使用了带有更改事件的文件输入：

Template.addFile.events({
    'canche #file' : function(e, t){
      var file = t.find('#file').files[0];
      var ticket = this._id;
      var newFile = new FS.File(file);
      newFile.metadata = {
        ticketId: ticket
      };
      Files.insert(newFile, function (err, fileObj) {
        if (!err) {
          console.log(fileObj);
        }
      });
    }
  });

Meteor CollectionFs - 下载按钮不起作用

1 个答案: