javascript - 如何在 React 中访问文件

Question

所以在 HTML 中我可以这样做:

<input type="file" id="upload" accept="text" multiple/>

然后只要输入发生变化，我就可以像这样访问用 JavaScript 上传的文件:

document.getElementById('upload').onchange = function(){
  const uFiles = this.files;
  console.log(uFiles);
}

我将如何使用 ReactJS 来做到这一点？到目前为止，我已经尝试使用与用于 HTML 和 JavaScript 的方法相同的方法，但我得到的响应是 uFiles 未定义，而不是 FileList 对象。

---

在我的 React 渲染中:

<input onChange={this.doFunc} id="upload" type="file" accept="text" multiple />

在我的 React 类中:

doFunc = () => {

  const uFiles = this.files;
  console.log(uFiles);

}

Answer 1

我认为你必须使用事件。

   doFunc = e => {

      const uFiles = e.target.files;
      console.log(uFiles);

    }