title: FormData image is undefined in post request with Fetch
body: <p>i am using a profile picture file upload system,my HTML:</p>
  <pre><code>&lt;form enctype=&quot;multipart/form-data&quot; id=&quot;imageUpload&quot; &gt;
                          &lt;img  id=&quot;profileImage&quot; src=&quot;./images/avatar.png&quot;&gt;
                          &lt;button  type=&quot;button&quot;&gt;
                          &lt;input type=&quot;file&quot; name=&quot;image&quot; id=&quot;inpFile&quot; class=&quot;hidden&quot; onchange=&quot;uploadPicture(this)&quot;&gt;
                          &lt;label for=&quot;inpFile&quot;&gt;Download&lt;/label&gt;&lt;/button&gt;
  </code></pre>
  <p>my script :</p>
  <pre><code> async function uploadPicture(input) {
      
  //show user the image
          if (input.files &amp;&amp; input.files[0]) {
              var reader = new FileReader();
              reader.onload = function(e) {
                  $('#profileImage').attr('src', e.target.result)
              };
              reader.readAsDataURL(input.files[0]);
          }
  
          const form = document.querySelector('#imageUpload')//tried to send form.image.value before
          const formData = new FormData();
          formData.append(&quot;inpFile&quot;, input.files[0]);
          try {
              const res = await fetch('/my-profile-image-upload', {
                  method: 'POST',
                  body: JSON.stringify(Object.fromEntries(formData)),
                  headers: {
                      'Content-Type': 'application/json'
                  }
              })
          } catch (error) 
              console.log(error);
      }
  </code></pre>
  <p>So I am sending this file inside an object but in my controller</p>
  <pre><code>module.exports.upload_picture = (req, res) =&gt; {
      const { FormData } = req.body;
      console.log(FormData);
  }
  </code></pre>
  <p>I am getting undefined.
  My goal is to store this image in my public folder since it is visible to all users and store the file name in the database, but I am not able to send this file using fetch. And I do have</p>
  <pre><code>app.use(express.json());
  app.use(express.urlencoded({ extended: true }));
  </code></pre>
  <p>in my app.js file</p>
  <p>Any ideas on how to send this image using fetch?</p>