title: how to reset file input in react-redux
body: <p>I am using react-redux form tag in my application.When i click the reset button it reset all the fields except the file field.How can I reset the file field when clicking on the reset button?</p>
  
  <pre><code>&lt;Form model="user" component={Forms} validators={{gender:{required:val=&gt;required(val)},'': {passwordsMatch: (vals) =&gt; required(vals.confpwd) ? vals.pwd === vals.confpwd : true
          }}} onSubmit={v =&gt;this.handleSubmit(v)}&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      First Name
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text model=".fname"  validators={{required,maxLength:maxLength(20)}} placeholder="First Name" component={ReduxFormControl}  /&gt; 
                      &lt;Errors style={{color:"red"}} model=".fname" show="touched" messages={{required:'First Name  required',maxLength:'must be 20 characters or less'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Last Name
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text model=".lname"  validators={{required,maxLength:maxLength(20)}} placeholder="Last Name" component={ReduxFormControl}  /&gt;  
                      &lt;Errors style={{color:"red"}} model=".lname" show="touched" messages={{required:'Last Name  required',maxLength:'must be 20 characters or less'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Gender
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;ReactBootstrap.Row&gt;
  
                              &lt;ReactBootstrap.Col sm={2}&gt;
                                  &lt;Control.radio  model=".gender" value="male"  /&gt;Male    
                              &lt;/ReactBootstrap.Col&gt;
                              &lt;ReactBootstrap.Col sm={2}&gt;
                                  &lt;Control.radio  model=".gender" value="female" /&gt;Female     
                              &lt;/ReactBootstrap.Col&gt;       
                      &lt;/ReactBootstrap.Row&gt;
                      &lt;Errors style={{color:"red"}} model=".gender" show="touched" messages={{required:'choose your gender'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Age
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text model=".age" type="text" validators={{required,isNumber,minAge:(val) =&gt; required(val) &amp;&amp; isNumber(val) ? val &gt;=18 : true}} placeholder="Age" component={ReduxFormControl}  /&gt;
                      &lt;Errors style={{color:"red"}} model=".age" show="touched" messages={{required:'Age required',minAge:'must be atleast 18',isNumber:'must be a number', minAge: 'Sorry, you must be at least 18 years old'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Email
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text model=".email" validators={{required,email:(val) =&gt; required(val) ? /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(val) : true}} placeholder="Email"  component={ReduxFormControl}  /&gt;
                      &lt;Errors style={{color:"red"}} model=".email" show="touched" messages={{email: 'Please provide valid email address.',required:'Email id is Required'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Password
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text type="password" model=".pwd" validators={{required}} placeholder="Password" component={ReduxFormControl}  /&gt;
                      &lt;Errors style={{color:"red"}} model=".pwd" show="touched" messages={{required:'Password required'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt; 
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Confirm Password
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.text model=".confpwd" type="password"    validators={{required}} placeholder="Confirm Password" component={ReduxFormControl}  /&gt;
                      &lt;Errors style={{color:"red"}} model=".confpwd" show="touched" messages={{required:'Confirm Password required'}} /&gt;
                      &lt;Errors style={{color:"red"}} model="user" show="touched" messages={{passwordsMatch:'Password match'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;   
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Status
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                      &lt;Control.select model=".status"   component={dropDown} validators={{required}}&gt;
                          &lt;option   value="" disabled&gt;choose an option&lt;/option&gt;
                          &lt;option value="Online"&gt;Online&lt;/option&gt;
                          &lt;option value="Away"&gt;Away&lt;/option&gt;
                          &lt;option value="InActive"&gt;Inactive&lt;/option&gt;
                      &lt;/Control.select&gt;
                      &lt;Errors style={{color:"red"}} model=".status" show="touched" messages={{required:'Select status'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt; 
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={3} componentClass={ReactBootstrap.ControlLabel} &gt;
                      Upload photo
                  &lt;/ReactBootstrap.Col&gt;
                  &lt;ReactBootstrap.Col sm={9}&gt;
                          &lt;Control.file model=".uploadContent" validators={{required}} component={ReduxFormControl}  /&gt;
                          &lt;Errors style={{color:"red"}} model=".uploadContent" show="touched" messages={{required:'upload your photo'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
              &lt;ReactBootstrap.FormGroup&gt;
                  &lt;ReactBootstrap.Col sm={9} smOffset={3}&gt;
                      &lt;ReactBootstrap.Row&gt;
                          &lt;ReactBootstrap.Col sm={2}&gt;
                              &lt;label&gt;Confirm &lt;/label&gt;
                          &lt;/ReactBootstrap.Col&gt;   
                          &lt;ReactBootstrap.Col sm={3}&gt;
                              &lt;Control.checkbox  model=".confirmation"  validators={{checkboxrequired}}  /&gt;
                          &lt;/ReactBootstrap.Col&gt;   
                      &lt;/ReactBootstrap.Row&gt;   
                      &lt;Errors style={{color:"red"}} model=".confirmation" show="touched" messages={{checkboxrequired:'please tic on the checkbox'}} /&gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt; 
  
              &lt;ReactBootstrap.FormGroup&gt;  
                  &lt;ReactBootstrap.Col sm={9} smOffset={3}&gt;
                      &lt;ReactBootstrap.Row &gt;
                          &lt;ReactBootstrap.Col sm={3}&gt;
                              &lt;ReactBootstrap.Button type="submit" bsStyle="info"&gt;Submit&lt;/ReactBootstrap.Button&gt;
                          &lt;/ReactBootstrap.Col&gt;
                          &lt;ReactBootstrap.Col sm={3}&gt;
                              &lt;Control.reset 
                                type="reset"&gt;reset&lt;/Control.reset&gt;
                          &lt;/ReactBootstrap.Col&gt;       
                      &lt;/ReactBootstrap.Row &gt;
                  &lt;/ReactBootstrap.Col&gt;
              &lt;/ReactBootstrap.FormGroup&gt;
  
          &lt;/Form&gt;
  </code></pre>
  
  <p>in the above when i clicking on the reset button it reset all fields except the file field.How can i reset file field also when clicking on the reset button?</p>