Meteor CollectionFs - 下载按钮不起作用答案

【问题标题】：Meteor CollectionFs - download button don't worksMeteor CollectionFs - 下载按钮不起作用
【发布时间】：2014-12-16 20:51:37
【问题描述】：

我有一个简单的票务应用程序。当我创建一张新票时，我可以添加与这张票相关的附件。下载按钮不起作用。文件元数据已正确插入到集合中，我看到了。也许，这就是原因：资源不在上传文件夹中。我使用 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

非常感谢！

【问题讨论】：

我现在也有同样的问题！
我尝试了很多次，随机只有一个附件正确上传..我也试过cfs：ui但我有同样的问题。

标签： javascript meteor

【解决方案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);
        }
      });
    }
  });

【讨论】：