Eu quero enviar vários dados de imagem com o valor da caixa de texto para o lado do servidor (PHP). fiz vários uploads de imagem, mas não consigo enviar meus dados para o lado do servidor ao enviar o formulário. meu código de exibição está abaixo

<form ng-submit="save()"><input type="file" file-upload multiple>
<div ng-repeat="step in files">
    <img ng-src="{{step}}" />{{step.name}}
    <input type="text" ng-model="comments">
</div>
<input type="submit"></form>

no meu controlador

app.directive('fileUpload', function() {
  return {
    scope: true, //create a new scope
    link: function(scope, el, attrs) {
      el.bind('change', function(event) {
        var files = event.target.files;
        //iterate files since 'multiple' may be specified on the element
        for (var i = 0; i < files.length; i++) {
          //emit event upward
          scope.$emit("fileSelected", {
            file: files[i]
          });
        }
      });
    }
  };
});

app.controller('mainCtrl', function($scope) {
  $scope.files = [];
  $scope.$on("fileSelected", function(event, args) {
    var item = args;
    $scope.files.push(item);
    var reader = new FileReader();

    reader.addEventListener("load", function() {
      $scope.$apply(function() {
        item.src = reader.result;
      });
    }, false);

    if (item.file) {
      reader.readAsDataURL(item.file);
    }
  });
});

Quando clico no botão enviar, quero enviar o nome da imagem com os comentários correspondentes para a imagem. como eu poderia enviar os dados através de API para php.in meu código de função save () está abaixo

$scope.save = function()
{
console.log($scope.files)console.log($scope.comments)
}