FormData object always returns empty object

Question

i have a simple form

 <form onSubmit = {handleSubmit} encType="multipart/form-data" id="form_id">
    <Row>
      <Col >
        <input
          name= "more"
          title = "More"
          type="file"
        />
      </Col>
    </Row>
  </form>

Once the value of input is changed, i catch that event in another method and when i tried to create a FormData object and pass the form to the constructor of FormData, it still give me an empty object, here's what i tried to do:

  var f =new FormData(document.getElementById('form_id'));
  f.append("file","some value");

can any one suggest a solution please ?

Are you using some kind of library or is this xml? Since I didn't know that and are valid html tags. — Shilly, Feb 10 '17 at 11:18
@Shilly yes i'm using react-bootstrap, but this isn't my problem why i got an empty object? — M1M6, Feb 10 '17 at 11:25
Yeah, sorry, no idea how the interaction between react form syntax and FormData objects works. — Shilly, Feb 10 '17 at 11:29

score -1 · Answer 1 · answered Feb 10 '17 at 11:25

-1

var f = new FormData(document.getElementById('form_id'));
f.append("file", $('input-selector')[0].files)

answered Feb 10 '17 at 11:25

Kenneth Voss

49
1
3

FormData object always returns empty object

1 Answers1