Formsy File Upload

fileupload.js.jsx

// in render return
<div>
  <Formsy.Form ref="form"
    onValidSubmit={this.onSubmit}
    onValid={this.props.enableSubmit}
    className=""
    onInvalid={this.props.disableSubmit}
    onChange={this.props.onChange}>
    <FormsyFile 
      id="avatar"
      name="avatar"
    />
  </Formsy.Form>
</div>


// In onSubmit

onSubmit function(form_data) {
  ... //setup
  var avatarFile = document.getElementById('avatar').files[0];
  form_data.append('avatar', avatarFile);
  this.serverRequest = $.ajax({
    dataType: "json",
    method: "POST",
    url: url,
    data: form_data,
    headers: headers,
    success: this.submitted,
    error: this.errored
  });
}