Объект FormData всегда возвращает пустой объект

у меня простая форма

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

Как только значение ввода изменено, я перехватываю это событие другим методом, и когда я пытался создать объект FormData и передать форму конструктору FormData, он все равно дает мне пустой объект, вот что я пытался сделать:

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

может ли кто-нибудь предложить решение, пожалуйста?