使用angularjs在MVC中上传文件 [英] Upload file in MVC using angularjs

问题描述

我想使用带有angularJS的MVC上传文件。

但是MVC控制器中的HttpPostedFileBase文件显示为null.but javascript包含File的值。



请帮助。



我尝试过：



在HTML中：

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代码：

$ scope.setFile = function（element）{

$ scope。$ apply（function（$ scope）{

$ scope.theFile = element.files [0];

}）;

};



urlCollectionService.saveInterventionExpenseDetails（$ scope.theFile）.then（function（数据）{}



在urlCollectionService.js中

this.saveInterventionExpenseDetails = function（文件）{



返回serviceHandler.postService（domain +/ EnterData / SaveInterventionExpenseDetails，文件）;

}

在UrlcollectionService中：

文件包含所有文件值，如：修改日期，名称，大小等...





在MVC控制器中：

public JsonResult SaveInterventionExpenseDetails（HttpPostedFileBase文件）

{}



在MVC co中ntrollerfile包含Null。

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.

推荐答案

scope.setFile = function（element）{

scope.setFile = function (element) {

范围。

apply（函数（

这篇关于使用angularjs在MVC中上传文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！