title: Unable to POST file to /upload
body: <p>I'm trying to upload a file. I've got it to the server and I can see it. The code I'm using to post is </p>
  
  <pre><code>postTheFileToStrapi2(file: File) {
      const formData: FormData = new FormData();
      console.log(file[0].name);
      formData.append('file', file[0]);
      this.http.post('http://localhost:1337/upload', formData)
        .subscribe((response) =&gt; console.log(response));
    }
  </code></pre>
  
  <p>The problem is, I get an error of:</p>
  
  <pre><code>{
  "statusCode":400,
  "error":"Bad Request",
  "message":[
     {"messages":[
        {"id":"Upload.status.empty","message":"Files are empty"}
     ]}]}
  </code></pre>
  
  <p>But, looking at the headers in Chrome, I am sending this:</p>
  
  <p><a href="https://i.stack.imgur.com/kzF5M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kzF5M.png" alt="enter image description here"></a></p>
  
  <p>Any pointers would be greatly received.</p>