如何使用 Papa Parse 读取本地文件？

Question

如何使用 Papa Parse 读取本地文件？我在本地有一个名为 challanges.csv 的文件，但经过多次尝试后，我无法使用 Papa Parse 解析它。

var data;

Papa.parse('challanges.csv', {
  header: true,
  dynamicTyping: true,
  complete: function(results) {
    console.log(results);
    data = results.data;
  }
});

据我所知，我在将 csv 文件作为 File 打开时遇到了问题。我怎么能用 javascript 做到这一点？

Answer 1

这是我的解决方案： 1：FE：Angular 10，NPM 安装 ngx-papaparse 然后在组件中导入

import { Papa } from "ngx-papaparse";

2: 一个文件类型的输入只接受 FE 上的 csv 文件

 <input type="file" id="csv-file" accept=".csv" (change)="onFileSelected($event)">

3：一键读取CSV文件

4：我们从onFileSelected函数中获取文件数据

    const files = event.target.files;
    if (files.length === 0)
      return;
    this.selectedFile = files[0] as File;

5：调用读取CSV文件函数

  this.papa.parse(this.selectedFile, {
        delimiter: ",",
        newline: "",
        header: true,
        dynamicTyping: true,
        complete: (result) => {
          this.fileData= result.data;
        }
      });

6: 你应该得到对象 fileData 提示：查看 papaparse 文档以了解您需要什么配置。 https://www.papaparse.com/ eg: header: true --> 表示您将在结果对象中获取标题

Answer 2

这些都不适合我，我特别想在 csv 服务器端中读取，而不是客户端（在浏览器中）。这对我有用。

异步/等待

const fs = require('fs');
const Papa = require('papaparse');

const csvFilePath = 'data/test.csv'

// Function to read csv which returns a promise so you can do async / await.

const readCSV = async (filePath) => {
  const csvFile = fs.readFileSync(filePath)
  const csvData = csvFile.toString()  
  return new Promise(resolve => {
    Papa.parse(csvData, {
      header: true,
      complete: results => {
        console.log('Complete', results.data.length, 'records.'); 
        resolve(results.data);
      }
    });
  });
};

const test = async () => {
  let parsedData = await readCSV(csvFilePath); 
}

test()

如果你不想要 promise / async，那么你可以使用它。

回调

const fs = require('fs');
const Papa = require('papaparse');

const csvFilePath = 'data/test.csv'

const file = fs.createReadStream(csvFilePath);

var csvData=[];
Papa.parse(file, {
  header: true,
  step: function(result) {
    csvData.push(result.data)
  },
  complete: function(results, file) {
    console.log('Complete', csvData.length, 'records.'); 
  }
});

---

注意header: true 是配置中的一个选项，请参阅文档了解其他选项

Answer 3

这是为了重申最好的答案是 Murat Seker 的。

只需将 download: true 添加到配置中，Papa Parse 将下载本地路径。 Philip M. 的流媒体答案并不是最好的答案。

var data;

Papa.parse('challanges.csv', {
  header: true,
  download: true,
  dynamicTyping: true,
  complete: function(results) {
    console.log(results);
    data = results.data;
  }
});

附：我没有足够的声誉来评论 Murat Seker 的回答。所以，我重新发布了一个答案。任何对声誉的爱都会受到赞赏。 :-)

Answer 4

您需要在配置中再添加一行：download: true,。

var data;

Papa.parse('../challanges.csv', {
  header: true,
  download: true,
  dynamicTyping: true,
  complete: function(results) {
    console.log(results);
    data = results.data;
  }
});

更新：有了这个答案，您不需要 FILE OBject。您可以传递文件名，papa parse 将“下载”它。

Answer 5

papaparse 的文档建议的File API 适用于使用的浏览器。假设您在服务器端的节点上运行它，对我有用的是利用 readable stream:

const fs = require('fs');
const papa = require('papaparse');
const file = fs.createReadStream('challenge.csv');
var count = 0; // cache the running count
papa.parse(file, {
    worker: true, // Don't bog down the main thread if its a big file
    step: function(result) {
        // do stuff with result
    },
    complete: function(results, file) {
        console.log('parsing complete read', count, 'records.'); 
    }
});

可能有一个更简单的界面，但到目前为止，它工作得很好，并提供了流处理大文件的选项。