小编典典

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

reactjs

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


阅读 1226

收藏
2020-07-22

共1个答案

小编典典

弄清楚了。的组合反应文件阅读器和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]);
}
2020-07-22