title: Handle file from input file and upload later react redux
body: <p>I'm quite new to react and redux and i (almost) always found a solution for untill but not for this !</p>
  
  <p>So, for now, i have a file input somewhere in my react app where i can put a jpg file and another file input where i can put a pdf file. Nothing crazy here. But i need to handle those files to upload them later since it's like a multiple-pages form... I tried many things but can't find a working one.</p>
  
  <p>Based on this : <a href="https://stackoverflow.com/questions/46984889/store-input-file-selected-in-redux-to-upload-later">Store Input File Selected in Redux to Upload Later</a> , the solution was looking too easy and is not working either... </p>
  
  <p>I tried to handle the file (blob path, file object, file path...) in redux store but nothing is working. The request with Postman is working well btw, i can upload file with it.</p>
  
  <p>Here is some code i did, which is not working right now (request is sent but file path is still NULL in my database). I'm using Symfony3 as backend. Other data from store is passed in my database, only files are not.</p>
  
  <p>One of my inputs :</p>
  
  <pre><code>&lt;input 
        type="file" 
        className="input-file" 
        name="flyer-pdf" 
        id="flyer-pdf"
        onChange={this.handleChangeFilePath('flyer')} 
        accept=".pdf"
  /&gt;
  </code></pre>
  
  <p>My method to update my state :</p>
  
  <pre><code>handleChangeFilePath = prop =&gt; (event) =&gt; {
      this.setState({
          // Tried event.target.files[0]
          [prop]: event.target.value,
      });
  };
  </code></pre>
  
  <p>Submited form :</p>
  
  <pre><code>handleSubmit = (logo, flyer) =&gt; {
     this.props.flyerSetup(logo, flyer);
  };
  </code></pre>
  
  <p>Method to call action :</p>
  
  <pre><code>const mapDispatchToProps = (dispatch) =&gt; {
      return {
          flyerSetup: (logo, flyer) =&gt; dispatch(appActions.flyerSetup(logo, flyer))
      };
  };
  </code></pre>
  
  <p>Called action :</p>
  
  <pre><code>export const flyerSetup = (logo, flyer) =&gt; ({
      type: types.CLIENT_FLYER_SETUP,
      logo: logo,
      flyer: flyer
  });
  </code></pre>
  
  <p>Called action in appReducer to update redux store :</p>
  
  <pre><code>case types.CLIENT_FLYER_SETUP:
          return {
              ...state,
              logo: action.logo,
              flyer: action.flyer
          };
  </code></pre>
  
  <p>Here is my action :</p>
  
  <pre><code>export const createTransaction = () =&gt; (getState) =&gt; {
  const state = getState();
  const data = {
      logo: state.appReducer.logo,
      flyer: state.appReducer.flyer
  }
  console.log(data);
  return transactionService.postTransaction(data)
  </code></pre>
  
  <p>The console.log(data) is good, my store is nicely updated with the data i provide from the input, i always get the blob path/file path/file object but as i said, i'm not able to upload file into my server :(</p>
  
  <p>P.s : I modified and cleaned the code to help it being more readable, feel free to ask for more ;)</p>