角度文件上传不发布任何东西

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