title: Multiple file upload with reactjs
body: <p>I'm new to <code>reactjs</code> and I'm trying to upload multiple file upload. I can able to store the files in state component as array . But When I'm passing the data to axios post method, it gives me the list of files as <code>[object FileList]</code> . And I couldn't able to traverse through that files to store . Even I tried multiple methods to upload multiple files like 'react-Dropzone`. But didn't help.</p>
  
  <p>My react Code .</p>
  
  <pre class="lang-js prettyprint-override"><code>handleChange(event) {
    this.setState({ file: event.target.files })
  }
  
  async handleSubmit(e) {
    e.preventDefault()
    let res = await this.uploadFile(this.state.file);
  }
  
  async uploadFile(File){
    const formData = new FormData();
  
    formData.append('image', File)
    axios.post(UPLOAD_ENDPOINT, formData, {
      headers: {
        'content-type': 'multipart/form-data'
      }
    }).then(response =&gt; {
      console.log(response.data)
    });
  }
  
  render() {
    return (
      &lt;form onSubmit={this.handleSubmit}&gt;
        &lt;input type="file" id="file" multiple name="file" onChange={this.handleChange} /&gt;
        &lt;button type="submit" className="btn btn-info"&gt; Update File &lt;/button&gt;
      &lt;/form&gt;
    )
  }
  </code></pre>