Upload file in MVC using angularjs

See more:

Javascript

HTML

MVC4

AngularJs

I want to upload file using MVC with angularJS.
But HttpPostedFileBase file in MVC controller shows null.but javascript contains value of File.

Please Help.

What I have tried:

In HTML:

<input type="file" onchange="angular.element(this).scope().setFile(this)" />

Javascript AngularJS:
Javascript Code:
$scope.setFile = function (element) {
$scope.$apply(function ($scope) {
$scope.theFile = element.files[0];
});
};

urlCollectionService.saveInterventionExpenseDetails( $scope.theFile).then(function (data) {}

In urlCollectionService.js
this.saveInterventionExpenseDetails = function ( File) {

return serviceHandler.postService(domain + "/EnterData/SaveInterventionExpenseDetails", File);
}
In UrlcollectionService:
File contains All file values like: modified date, name, size etc...


In MVC Contoller:
public JsonResult SaveInterventionExpenseDetails(HttpPostedFileBase file )
{}

In MVC controller "file" contains Null.