title: Sending FormData to different API separatly
body: <p>Is it possible to send FormData into two API? For example, I have two input elements like</p>
  <pre class="lang-html prettyprint-override"><code>&lt;form id=&quot;form&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;email&quot; ... /&gt;
    &lt;input type=&quot;file&quot; name=&quot;files&quot; ... /&gt;
  &lt;/form&gt;
  </code></pre>
  <p>I want to send some of the form fields to one API and the others to another one. The idea is to have a single simple form for the user, and a single submit action, but behind the scenes we have to send the data to different APIs.</p>
  <p>From</p>
  <pre class="lang-js prettyprint-override"><code>const formData = new FormData(document.getElementById('form'));
  </code></pre>
  <p>How can I extract the <code>email</code> value and send it to <code>API1</code>, the <code>files</code> need to goto <code>API2</code>:</p>
  <pre class="lang-js prettyprint-override"><code>fetch('API1', { method: 'POST', body: formData has only 'email' })
  fetch('API2', { method: 'POST', body: formData has only 'files' })
  </code></pre>
  <p>This is because my API has different endpoints and protocols for <em>files</em> and <em>meta-data</em>, but I don't want the user to have to submit two different forms.</p>