title: Axios formData request is empty
body: <p>so this is my request:
  <a href="https://i.stack.imgur.com/ptZ1w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ptZ1w.png" alt="enter image description here" /></a></p>
  <p>And this is my class:</p>
  <pre><code>    public class Person
      {
          public string Name { get; set; }
  
          public IList&lt;IFormFile&gt; Images { get; set; }
      }
  </code></pre>
  <p>My controller:</p>
  <pre><code>        [HttpPost(&quot;UploadImageWithObject&quot;)]
          public async Task&lt;IActionResult&gt; UploadImage([FromForm] Person model)
  </code></pre>
  <p>When i'm sending the data from swagger, everything is working.</p>
  <p><strong>My Issue</strong>: <em>When i'm sending from axios, it's sending an empty object</em>.</p>
  <pre><code>**Form Data:**
  {&quot;Name&quot;:&quot;vadim&quot;,&quot;Images&quot;:{}}: 
  </code></pre>
  <p>my client side code:</p>
  <pre><code>    upload() {
        const files = this.dropzone!.dropzone?.files;
  
        const formData = new FormData();
  
        for (var i = 0; i != files.length; i++) {
          formData.append(&quot;file&quot;, files[i]);
        }
  
        const person = {
          Name: &quot;vadim&quot;,
          Images: formData,
        };
  
        Axios.post(&quot;api/Images/UploadImageWithObject&quot;, person, {
          headers: { &quot;content-type&quot;: &quot;application/x-www-form-urlencoded&quot; },
        });
      },
  </code></pre>
  <p>Swagger sending images as:</p>
  <pre><code>Name: vadim
  Images: (binary)
  </code></pre>
  <p>How can i fix this issue? and send name and images to the backend?</p>
  <ul>
  <li>Note: formData.getAll(&quot;file&quot;) -&gt; I can see my files</li>
  </ul>