angularjs mvc中的文件上载

angularjs mvc中的文件上载,angularjs,file,upload,Angularjs,File,Upload,请查看以下代码,并让我知道如何将文件上载到项目的文件夹中。。 我在哪里可以写url?我选择了这个文件,但仅仅点击更新按钮并不能保存它 提前谢谢 放射免疫分析 var DocTrack=angular.module('DocTrack',[]); DocTrack.controller('DocumentController',DocumentController); 指令('fileModel',['$parse',函数($parse){ 返回{ 限制:“A”, 链接:函数(范围、元素、属性)

请查看以下代码,并让我知道如何将文件上载到项目的文件夹中。。 我在哪里可以写url?我选择了这个文件,但仅仅点击更新按钮并不能保存它

提前谢谢 放射免疫分析

var DocTrack=angular.module('DocTrack',[]);
DocTrack.controller('DocumentController',DocumentController);
指令('fileModel',['$parse',函数($parse){
返回{
限制:“A”,
链接:函数(范围、元素、属性){
var model=$parse(attrs.fileModel);
var modelSetter=model.assign;
元素绑定('change',函数(){
作用域:$apply(函数(){
modelSetter(作用域,元素[0]。文件[0]);
});
});
}
};
}]);
服务('fileUpload',['$http',函数($http){
调试器;
this.uploadFileToUrl=函数(文件,uploadUrl){
var fd=新FormData();
fd.append('file',file);
$http.post(上传URL、fd、{
请求:angular.identity,
标题:{“内容类型”:未定义}
})
.success(函数(){
警报('文件已成功上载…');
})
.错误(函数(){
警报(“文件尚未上载”);
});
}
}]);
DocTrack.controller('DocumentController',['$scope','fileUpload',函数($scope,fileUpload){
$scope.uploadFile=函数(){
调试器;
var file=$scope.myFile;
log('文件为'+JSON.stringify(文件));
var uploadUrl=”http://localhost:40966/fileUpload";
uploadFileToUrl(文件,uploadUrl);
};
}]);

上传我
您可以检查您的后端url吗?它必须与您指定的相同,并且在保存图像时,您必须指定在后端存储图像的路径。

以html格式

<div class="form-group col-xs-12 ">
  <label class="form-group">Select file</label>
  <div class="controls">
     <input type="file" file-model="fileUrl"/>
  </div>
</div>
为您效劳

.service('fileUpload', ['$http', function ($http) {
    this.uploadFileToUrl = function(file, uploadUrl,formdata){
        var fd = new FormData();
        fd.append('file', file);
        fd.append('formdata',angular.toJson(formdata));
        $http.post(uploadUrl, fd, {
            transformRequest: angular.identity,
            headers: {'Content-Type': undefined}
        })
        .success(function(data){
          console.log(data);
          return data;
      })
        .error(function(){
        });
    }
}]);

.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function(){
                scope.$apply(function(){
                    modelSetter(scope, element[0].files[0]);
                });
            });
        }
    };
}])

“/Uploadfile”是您的后端url

谢谢您的回答。请告诉我后端代码。ThanksThanks@Gajanan您指定的后端url是我的控制器的名称/操作方法。它现在正在上传文件。我们将从哪里获得控制器中的formdata?var data=fileUpload.uploadFileToUrl(文件,uploadUrl,formdata);
   var file = $scope.fileUrl;
   var uploadUrl = "/Uploadfile";
   var data = fileUpload.uploadFileToUrl(file, uploadUrl,formdata);
};
.service('fileUpload', ['$http', function ($http) {
    this.uploadFileToUrl = function(file, uploadUrl,formdata){
        var fd = new FormData();
        fd.append('file', file);
        fd.append('formdata',angular.toJson(formdata));
        $http.post(uploadUrl, fd, {
            transformRequest: angular.identity,
            headers: {'Content-Type': undefined}
        })
        .success(function(data){
          console.log(data);
          return data;
      })
        .error(function(){
        });
    }
}]);

.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function(){
                scope.$apply(function(){
                    modelSetter(scope, element[0].files[0]);
                });
            });
        }
    };
}])