title: angular-file-upload with ngImgCrop
body: <p>I'm using (<a href="https://github.com/alexk111/ngImgCrop" rel="nofollow">ngImgCrop</a>) to crop an image and then upload the cropped image to server using (<a href="https://github.com/danialfarid/angular-file-upload" rel="nofollow">angular-file-upload</a>).</p>
  
  <p>I can get the $dataURI from the "on-change" option in ngImgCrop. But I need a File instace to call $upload. 
  How can I get the File instance of the cropped image in order to upload :</p>
  
  <pre><code>        $scope.upload = $upload.upload({
              url: '/api/fileupload',
              file: [**file cropped here**]
          }).progress(function (evt) {
              //
          }).success(function (data, status, headers, config) {
              //
          });
  </code></pre>