角度文件上傳不發佈任何東西

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錯誤。我能做些什麼來調試它？

Answer 1

由於$ scope.files是數組，你需要設置第三個參數的$觀賞功能爲 '真'

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