如何使用<input type =“file”id =“myFile”/>上传CSV文件?

时间:2018-04-12 07:44:30

标签: meteor stream input-type-file import-csv

我正在使用安装的 fast-csv打包

meteor add chhib:fast-csv

我的应用只能在预定位置打开csv文件“ my.csv ”。问题是它不允许我选择任何其他文件。在下面找到我的代码:

的客户机/ main.js

var stream = fs.createReadStream("my.csv");

  var csvStream = csv()
  .on("data", function(data){
     console.log(data);
   })

  .on("end", function(){
     console.log("done");
   });

stream.pipe(csvStream);

我想重新设计应用程序,以便我能够通过“文件上传”按钮阅读/上传我选择的csv文件。

在我的文件上传按钮 html代码下面找到:

的客户机/ main.html中

<input type="file" id="myFile">

如何将文件上传按钮上传的内容导入变量?

var stream = fs.createReadStream("uploaded file");

1 个答案:

答案 0 :(得分:0)

您可以使用简单的js FileReader来读取上传文件的内容。

在文件上传事件处理程序中添加以下代码:

var file = document.getElementById("myFile").files[0];
var reader = new FileReader();
reader.onload = function(fileLoadEvent) {
 // file contents are available in reader.result
  var stream = reader.result; // saving file contents in stream variable       

};
reader.readAsBinaryString(file);