时间戳

首页 > 解决方案 > 如何在 React 中访问文件

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 对象。

在我的反应渲染中：

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

在我的 React 课程中：

doFunc = () => {

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

}

标签： javascriptreactjs

解决方案

我认为你必须使用事件。

   doFunc = e => {

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

    }

推荐阅读