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.