typescript中读取解析获取上传的csv文件数据

在 TypeScript 中，处理上传的 CSV 文件通常涉及到两个步骤：文件接收和数据解析。以下是基本的流程：

1. **文件接收**：
使用 `FileReader` API 或者前端框架（如 Angular 的 `HttpClient`、React 的 `useRef` + `URL.createObjectURL()` 等）来读取用户上传的文件。例如，你可以创建一个 HTML input 元素，并监听其 `change` 事件：

const fileInput = document.getElementById('file-input') as HTMLInputElement;
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  // 以下代码将创建一个Blob URL，然后可以用于读取
  const url = URL.createObjectURL(file);
});

2. **CSV 数据解析**：
使用 ` Papa Parse` 这样的库来解析 CSV 文件内容。首先安装库（npm 安装）：

npm install papaparse

然后，在事件处理器中解析文件：

import * as Papa from 'papaparse';

async function parseCSV(url: string) {
  try {
    const result = await new Promise((resolve, reject) => {
      Papa.parse(
        url,
        { download: true },
        (err, data) => {
          if (err) {
            reject(err);
          } else {
            resolve(data.data); // data.data 包含解析后的行数据
          }
        }
      );
    });

    // 解析后的数据存储到变量中，例如 `parsedData`
    const parsedData = result;
  } catch (error) {
    console.error('Error parsing CSV:', error);
  }
}

最后，调用 `parseCSV` 函数并处理解析结果：

parseCSV(url).then((data) => {
  // 对解析后的数据做进一步操作...
}).catch(error => {
  // 处理错误...
});