如何使用React上传文件？

Question

所以目前我正在尝试上传文件,并将其保存在Google云端.但我坚持如何使用React-Redux获取输入文件.

基本上,我的后端部分已经完成,我使用HTTPie使用此命令测试它 HTTP localhost:8000/v1/... @(file_path) ,它工作得非常好.

现在我使用输入标签后: <input type="file" onChange=""> 我不知道如何获取用户选择的file_path.我甚至不知道我是否可以使用此方法获取上传的文件.

谢谢

Answer 1

你不能通过方法处理onChange文件 <input type="file" onChange={this.handleChangeFile.bind(this)}>

handleChangeFile(event) {
  const file = event.target.files[0];
  let formData = new FormData();
  formData.append('file', file);
  //Make a request to server and send formData
}