angularjs - 提供者 'FileUpload' 必须从 $get 工厂方法返回一个值

Question

在使用 AngularJs 制作的 Web 应用程序中，有一个用户可以上传文件的页面。但我有一些问题。这是进行上传的工厂：

angular.module('app').factory('FileUpload', ['$http', function($http) {
  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(){
      })
      .error(function(){
      });
  }
}]);

如果我尝试上传文件，控制台会给我这个错误：

"Error: [$injector:undef] Provider 'FileUpload' must return a value from $get factory method.

这是控制器中的功能：

$scope.uploadFile = function(){
    var userId = $stateParams.userId;
    var fileType = $stateParams.fileType;
    var file = $scope.myFile;
    console.log('file is ');
    console.dir(file);
    var uploadUrl = 'my_url';
    FileUpload.uploadFileToUrl(file, uploadUrl);
};

Answer 1

您正在使用的模式应该使用servicenot factory。使用工厂，您希望返回new'd up 实例，使用服务，您只需提供功能。

angular.module('app').service('FileUpload',...