如何在React.js中上传和读取CSV文件？

  • Z时代
  • 2024-01-10
  • 分类：问答

我希望用户上传一个.csv文件，然后让浏览器能够解析该文件中的数据。我正在使用ReactJS。这将如何运作？谢谢。

回答：

弄清楚了。的组合反应文件阅读器和HTML5的的FileReader（见本页）。

将react-file-reader位放在render内部：

<ReactFileReader handleFiles={this.handleFiles} fileTypes={'.csv'}>
    <button className='btn'>Upload</button>
</ReactFileReader>

然后在上面。

handleFiles = files => {
    var reader = new FileReader();
    reader.onload = function(e) {
        // Use reader.result
        alert(reader.result)
    }
    reader.readAsText(files[0]);
}

以上是 如何在React.js中上传和读取CSV文件？ 的全部内容， 来源链接： utcz.com/qa/430285.html

回到顶部