Search code examples
reactjsuploadreduxreact-reduxfalconframework

How to upload files using React?

so currently I am trying to upload a file, and save it on the Google Clouds. But I am stuck at how to get the input file using React-Redux.

Basically, my back-end part already finish, I tested it using HTTPie with this command HTTP localhost:8000/v1/... @(file_path) and it works perfectly fine.

Now after I use input tag: <input type="file" onChange=""> I do not know how to get the file_path that are the user choose. And I dont even know whether I can get the uploaded file using this method.

Thank you

Solution

  • You cant handle onChange file by method <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
}