React with FileReader 中正确的获取主体是什么答案

【问题标题】：What is the correct fetch body in React with FileReaderReact with FileReader 中正确的获取主体是什么
【发布时间】：2017-12-31 10:44:17
【问题描述】：

我有一个从上传中获取数据的 React 应用程序。我想将数据（主要是 CSV）逐行发送到我的 API。问题是我无法获得正确的值。

const uploadLocalFile = (file)  => (dispatch)  => {
 const reader = new FileReader()
    reader.onload = evt => {
        fetch("some/api/here",
            {
                credentials: "same-origin",
                method: "POST",
                body: //file, evt.target.result ?? <--- 
            })
        }
    reader.readAsText(file)
    alert("done.")
}

file 是整个文件，evt.target.result 不允许在反应中？ evt.currentTarget 是否被 fetch 禁止？

【问题讨论】：

这和 React 有什么关系？
fetch 返回一个 Promise 对吗？我没有看到你对返回值做任何事情。见developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
en.wikipedia.org/wiki/Byte_order_mark

标签： javascript reactjs blob fetch filereader

【解决方案1】：

“不允许在反应中”是什么意思？将此函数作为文件输入的处理程序传递应该可以工作：

handleSelectFile = (event) => {
  const file = event.currentTarget.files[0]
  const reader = new FileReader()
  reader.onload = (event) => {
    const content = event.target.result
    // do whatever you want do do with `content`
  }
  reader.readAsText(file)
}

【讨论】：