title: Image upload without formData
body: <p>I have created an application where an image to be uploaded. But the problem is I am sending a data object that is never equals to formData. Because I modified(formatted) the data object as required to send to the server.</p>
  <pre><code>&lt;input type=&quot;file&quot; name=&quot;imageUrl&quot; id=&quot;photoFile&quot;&gt;
  </code></pre>
  <p>Something like,</p>
  <pre><code>var data = {
   name: '',
   attributes: [{}, {}]
  }
  </code></pre>
  <p>To this I want to add an image to be uploaded.
  If I use form data, It would be something like this.</p>
  <pre><code>var data = {
   name: '',
   attribute1: {},
   attribute2: {}
  }
  </code></pre>
  <p>So, I formatted as requirement and I tried throughout the day. But got nothing.</p>