title: AngularJS file upload displays 500 Internal server error when file is above 500KB
body: <p>I have a basic AngularJS code to send a file to my REST controller.
  When I upload a text file which is around 500 KB then it is working fine. When the size exceeds 600 KB then I get "500 Internal server error" and the request is not reaching the REST controller of back-end application</p>
  
  <p>I heard that changing the header will resolve this issue. Could someone please help?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input type="file" name="file" onchange="uploadFile(this.files)"/&gt;
  </code></pre>
  
  <p>AngularJS:</p>
  
  <pre><code>$scope.uploadFile = function(files) {
      var fd = new FormData();
      //Take the first selected file
      fd.append("file", files[0]);
      var uploadUrl = ApiUrlFull + 'Job/Item?smartTermId=0&amp;name=aaa1&amp;quantity=1&amp;ApiKey=ABC';
      $http.post(uploadUrl, fd, {
          withCredentials: true,
          headers: {'Content-Type': undefined },
          transformRequest: angular.identity
      }).success( ...all right!... ).error( ..damn!... );
  
  };
  </code></pre>