提供程序'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

您使用的模式应该使用service而不是factory。对于工厂，您想要返回new’d up实例，对于服务，您只提供函数。

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