在angularjs mvc中上传文件

Question

请查看以下代码，并让我知道如何将文件上传到项目的文件夹中。在哪里可以写URL？ 我选择了文件，仅单击更新按钮就无法保存该文件。

在此先感谢Ria

 var DocTrack = angular.module('DocTrack', []); DocTrack.controller('DocumentController', DocumentController); DocTrack.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]); }); }); } }; }]); DocTrack.service('fileUpload', ['$http', function ($http) { debugger; this.uploadFileToUrl = function (file, uploadUrl) { var fd = new FormData(); fd.append('file', file); $http.post(uploadUrl, fd, { transformRequest: angular.identity, headers: { 'Content-Type': undefined } }) .success(function () { alert('File Uploaded Successfully...'); }) .error(function () { alert('File has not been uploaded'); }); } }]); DocTrack.controller('DocumentController', ['$scope', 'fileUpload', function ($scope, fileUpload) { $scope.uploadFile = function () { debugger; var file = $scope.myFile; console.log('file is ' + JSON.stringify(file)); var uploadUrl = "http://localhost:40966/fileUpload"; fileUpload.uploadFileToUrl(file, uploadUrl); }; }]); 

  <div ng-controller = "DocumentController"> <input type="file" file-model="myFile" /> <button ng-click="uploadFile()" data-url="">upload me</button> </div> 

Answer 1

 var uploadUrl = "http://localhost:40966/fileUpload";

您可以检查后端网址吗，它必须与您指定的网址相同，并且在保存图像时必须指定在后端存储图像的路径。

Answer 2

以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>

在Controller.js中，您输入以下代码

   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]);
                });
            });
        }
    };
}])

“ / Uploadfile”是您的后端网址