title: Angularjs ng-file-upload not getting the data on my api endpoint
body: <p>I'm creating an upload img service. My problem is that I can't seem to get the data from my endpoint.</p>
  
  <p>I'm using <code>ng-file-upload</code> and <code>multer</code></p>
  
  <p><strong>HTML</strong> </p>
  
  <pre><code>&lt;div class="button" ngf-select ng-model="vm.uploadedImages" name="file" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="20MB"
  ngf-min-height="100" ngf-resize="{width: 100, height: 100}"&gt;Select&lt;/div&gt;
  
  
  &lt;button class="btn btn-primary btn-raised btn-sm" ng-click="vm.test()"&gt;save&lt;/button&gt;
  </code></pre>
  
  <p><strong>CONTROLLER</strong></p>
  
  <pre><code>vm.test = function () {
    console.log(vm.uploadedImages); // img getting the data
  
    Upload.upload({
      url: 'api/getTest', //webAPI exposed to upload the file
      data: { file: vm.uploadedImages } //pass file as data, should be user ng-model
    });
  };
  </code></pre>
  
  <p><strong>ROUTES</strong></p>
  
  <pre><code>router.post('/getTest', function (req, res) {
      console.log('req', req.body); // getting blank value 
      res.send(req.body);
  });
  </code></pre>