각도 파일 업로드가 게시하지 않습니다.

Question

각도 파일 업로드를 사용하려고합니다. 뷰에서 각도 컨트롤러로 파일을 보내고 있지만 apiController에 아무 것도 보내지 않습니다. 나는 멍청이를 만들었다.

Plunker

그것은

$scope.upload = function (files) { 
     $scope.$watch('files', function() { 
    $scope.upload($scope.files); 
}); 

$scope.upload = function (files) { 
    if (files && files.length) { 
     for (var i = 0; i < files.length; i++) { 
      var file = files[i]; 
      $upload.upload({ 
       url: 'https://angular-file-upload-cors-srv.appspot.com/upload', 
       fields: { 'companyName': $scope.companyName }, 
       file: file 
      }).progress(function (evt) { 
       var progressPercentage = parseInt(100.0 * evt.loaded/evt.total); 
       console.log('progress: ' + progressPercentage + '% ' + evt.config.file.name); 
      }).success(function (data, status, headers, config) { 
       console.log('file ' + config.file.name + 'uploaded. Response: ' + data); 
      }); 
     } 
    } 
}; 

업데이트 내가 당신의 성공 기능이 충돌되는 방법을 볼

에서 파일을 삭제. 내 것이 아직 아니다. 내 콘솔에는 javascript 오류가 없습니다. 디버깅을 위해 무엇을 할 수 있습니까? $ scope.files으로

Answer 1

는

$scope.$watch('files', function() { 
     console.log($scope.files); 
     $scope.upload($scope.files); 
    }, true); 

http://plnkr.co/edit/lGjgTIeVZdgxcS2kaE7p?p=preview

app.controller('MainCtrl', function($scope, $upload) { 
    $scope.$watch('files', function() { 
    $scope.upload($scope.files); 
    }); 

    $scope.upload = function(files) { 
    if (files && files.length) { 
     for (var i = 0; i < files.length; i++) { 
     var file = files[i]; 
     $upload.upload({ 
      url: 'https://angular-file-upload-cors-srv.appspot.com/upload', 
      fields: { 
      'companyName': $scope.companyName 
      }, 
      file: file 
     }).progress(function(evt) { 
      var progressPercentage = parseInt(100.0 * evt.loaded/evt.total); 
      console.log('progress: ' + progressPercentage + '% ' + evt.config.file.name); 
     }).success(function(data, status, headers, config) { 
      console.log('file ' + config.file.name + 'uploaded. Response: '); 
     //response from server   
     console.log(data); 
     }); 
     } 
    } 
    }; 
});