javascript - 如何在React中访问文件

因此，在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 Render中：

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

在我的React课上：

doFunc = () => {

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

}

最佳答案

我认为您必须使用事件。

   doFunc = e => {

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

    }

关于javascript - 如何在React中访问文件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58898293/