提供者 'FileUpload' 必须 return 来自 $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。对于工厂，你想要 return new'd up 实例，对于服务，你只需提供功能。

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