我想让用户上传一个.csv文件,然后让浏览器能够解析该文件中的数据.我用的是ReactJS.这是怎么回事?谢谢

推荐答案

我知道了.react-file-reader和HTML5文件阅读器的组合(见this页).

将react文件读取器位放置在渲染中:

<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]);
}

Reactjs相关问答推荐

从app.js导航,这是在BrowserRouter包装之外

导致类型错误的调度不是函数";

react 派生状态未正确更新

为什么登录错误和密码在创建Reaction-Hook-Form后立即被删除?

获取未捕获的错误:Gatsby生产版本上的最小化react 错误#418

useCallback()是否应该用于作为prop传递给子组件的函数,即使该组件包装在memo()中?

MUI:在props 主题中找到的值:;错误;是[Object],而不是字符串或数字

React组件未出现

有没有办法在 React Router v6 中的路由匹配上运行一些逻辑/功能?

生产部署:控制台中 Firebase 无效 api 密钥错误

在React Router 6中,在路由渲染后更新路由数据

每次状态更改时都会提交react 表单

React Native 背景动画反转

如何在屏幕上使用相同的可重用

React js中不记名令牌中的空间问题

使用 Vite 的 React 中的路由无法正常工作(构建中)

为什么此代码中的 useState 不更新(文本更新但 id 不更新)?

如何在props 更改时运行自定义挂钩?

使用 useRef(uuid()) 的目的是什么?

单击当前子div时如何更改p标签的图像和样式?react