FormData 对象总是返回空对象[重复]答案

【问题标题】：FormData object always returns empty object [duplicate]FormData 对象总是返回空对象[重复]
【发布时间】：2017-06-28 17:18:45
【问题描述】：

我有一个简单的表格

 <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");

有人可以提出解决方案吗？

【问题讨论】：

您是在使用某种库还是这个 xml？因为我不知道和是有效的 html 标签。
你能创建一个sn-p吗？
@Shilly 是的，我正在使用 react-bootstrap，但这不是我的问题，为什么我有一个空对象？
它不是一个空对象。它是一个 FormData 对象。
是的，抱歉，不知道 react 表单语法和 FormData 对象之间的交互是如何工作的。

标签： javascript form-data

【解决方案1】：

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

【讨论】：