首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 7,如何从输入导入的srt或csv文件中读取数据,并保存到数组中?

在Angular 7中,可以使用FileReader对象读取输入导入的srt或csv文件中的数据,并将其保存到数组中。下面是一个示例代码:

首先,确保已经安装了@types/file-saver库,可以使用以下命令进行安装:

代码语言:txt
复制
npm install @types/file-saver

接下来,在组件中导入所需的库和模块:

代码语言:txt
复制
import { Component, OnInit } from '@angular/core';
import { saveAs } from 'file-saver';

@Component({
  selector: 'app-file-reader',
  templateUrl: './file-reader.component.html',
  styleUrls: ['./file-reader.component.css']
})
export class FileReaderComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

  onFileSelected(event: any): void {
    const file: File = event.target.files[0];
    const fileReader: FileReader = new FileReader();

    fileReader.onload = (e: any) => {
      const fileContent: string = e.target.result;
      // 处理文件内容,将其保存到数组中或进行其他操作
      const dataArray: string[] = fileContent.split('\n');
      console.log(dataArray);
    };

    fileReader.readAsText(file);
  }

}

在上述示例中,onFileSelected()方法会在选择文件后触发。它获取选定的文件,并创建一个FileReader对象。然后,通过readAsText()方法将文件内容读取为文本。当读取完成时,将触发onload事件处理程序,其中可以对文件内容进行处理。在示例中,我们将文件内容按行拆分,并将每行保存到名为dataArray的数组中。

此外,可以使用npm install file-saver命令安装file-saver库,以便在处理完文件后将结果保存为新文件。使用saveAs()函数可以实现这一点。例如,如果要将数组保存为新的CSV文件:

代码语言:txt
复制
import { saveAs } from 'file-saver';

...

onSave(): void {
  const dataArray: string[] = ['item1', 'item2', 'item3'];
  const csvContent: string = dataArray.join(',');

  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8' });
  saveAs(blob, 'data.csv');
}

在上述示例中,我们首先将数组dataArray转换为逗号分隔的CSV字符串csvContent。然后,创建一个Blob对象,将字符串内容传递给它,并指定MIME类型。最后,使用saveAs()函数将Blob保存为名为data.csv的文件。

请注意,示例代码中没有提及特定的腾讯云产品或链接地址,因为该问题并未要求涉及这方面的内容。

相关搜索:如何从csv文件中读取并删除特定数据?我的程序没有从文件中读取并输入数据如何从ruby on rails中的csv文件读取csv文件数据从我的硬盘中打开csv文件并导入数据库如何从本地XLSX文件读取数据并将其保存到对象/数组中如何从excel或csv文件中获取输入,并使用python和selenium逐一从网页中获取数据?如何读取csv文件,并根据csv中的数据添加标题和新列,并输出新的csv如何从上传的csv文件中读取数据并使用django查看?如何从CSV文件中删除一些行和列并保存到新的CSV?如何从压缩文件中读取多个csv文件,并在R中导入不同的数据帧?如何在VBA中通过函数或sub将CSV数据导入多个数组并返回多个数组?如何从angular 7中ngfor对象的循环包含数组中填充表数据从csv文件中读取各行的列数据,并应用基于列索引的公式如何读取和分析csv文件中的数据,以根据用户输入生成报告如何在JMeter中从CSV文件中读取块/块中的数据,以供后续发布如何在reactjs中读取函数组件中的json文件并遍历数据如何使用flutter从excel或google spreadsheet或CSV导入firebase firestore数据库中的批量数据创建一个python脚本,该脚本将读取csv文件并使用该输入从finviz.com中抓取数据,然后将数据导出到csv文件中非常大的.csv文件。转换为数组并使用,或插入到数据库中Pandas dataframe从csv文件中提取由标记分隔的数据并保存到excel工作表中
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券