1

所以我整天都在工作和研究这个,但不能让它工作。我正在开发我的第一个流星程序,它从几个 csv 文件中获取输入,运行一些数学运算,并返回两个新的 csv 文件。我想我会先构建 csv 文件的解析和返回,因为这似乎是最困难的部分。我已经设法把文件弄进去了,但我这辈子都无法把它们弄回来。我确定这与我生成文件的方式有关,但无法弄清楚。

我意识到有很多代码还不起作用,但现在我要做的就是通过 vimeo 字段传递一个 csv 文件,将其解析为数组,然后将其重新下载为 csv 以制作确保解析/重新解析/下载有效。我终于设法生成了一个可下载的文件,但它是一个空的 html 文件。任何帮助世界都会受到赞赏。

这是我当前的代码:

HTML

<head>
<title>Josh's App</title>
</head>

<body>
<div class="container">
{{>csvTemplate}}
{{>downloadLinkTemplate}}
</div>

</body>


<template name="csvTemplate">
<form id="csv-upload">

    <p><span class="label">Instructors File</span><br><input    name="csvInstructors" type="file"></p>
    <p><span class="label">Video List</span><br><input name="csvVideos" type="file"></p>
    <p><span class="label">Vimeo Report</span><br><input name="csvVimeo" type="file"></p>
    <input type="submit" value="Submit">

</form>
</template>

<template name="downloadLinkTemplate">
test

<a title="downloadTest"  href="#" download="{{downloadUrl}}">Test Link</a>
 </template>

JS1

if (Meteor.isClient) {

var fileTest;

Template.csvTemplate.events({
   'submit form': function() {
   event.preventDefault();
       var csvInstructors;
       var csvVideos;
       var csvVimeo;

       Papa.parse(event.target.csvInstructors.files[0], {
           header: true,
           dynamicTyping: true,
           complete: function(results) {
              csvInstructors = results;
               csvPass()
           }
       });
       Papa.parse(event.target.csvVideos.files[0], {
           header: true,
           dynamicTyping: true,
           complete: function(results) {
               csvVideos = results;
               csvPass()
           }
       });
       Papa.parse(event.target.csvVimeo.files[0], {
           header: true,
           dynamicTyping: true,
           complete: function(results) {

               csvVimeo = results;
               fileTest = statReportGenerate(csvVimeo);
               csvPass()
           }
       });



       var csvPass = function(){ _.after(3, function() {
           maths(csvInstructors, csvVideos, csvVimeo)
       });
     }
   }})

Template.downloadLinkTemplate.helpers({
    downloadUrl: function() {
        console.log("below function", fileTest);
       return statReports.find({_id: fileTest}).url()
    }


})
}



if (Meteor.isServer) {
// This code only runs on the server

}

JS2

statReports = new FS.Collection("statReports", {
stores: [new FS.Store.GridFS("statReports", {path: "/reports/statReports"})]
});

paymentReports = new FS.Collection("paymentReports", {
stores: [new FS.Store.GridFS("paymentReports", {path: "/reports/paymentReports"})]
});

if (Meteor.isClient) {

statReportGenerate = function (statData) {
    console.log("wtf", statData.data);
    var omg = Papa.unparse(statData.data,{
            header: true
        });

    var blob = new Blob([omg], {type: "text/csv;charset=utf-8"});
    console.log("blob", blob);
    return statReports.insert(blob)._id;
    };
}
4

1 回答 1

0

正确的答案似乎是对链接使用以下代码:

<a title="downloadTest" href="{{downloadUrl}}" download="test.csv">Test Link</a>

感谢@paul 为我指明了正确的方向。

另一方面,在那之后,每当我下载文件时,我的服务器就开始崩溃。我不得不跑:

meteor add cfs:http-methods@=0.0.27 --allow-incompatible-update

按照https://github.com/CollectionFS/Meteor-http-methods/issues/39解决问题

于 2015-07-10T23:02:10.590 回答