php - otro - ng-controller que es

enviar múltiples datos de imagen con cuadro de texto desde controlador angular

Question

Quiero enviar múltiples datos de imagen con el valor de la caja de texto al lado del servidor (PHP) .He hecho una carga múltiple de imágenes, pero no puedo enviar mis datos al lado del servidor cuando presento el formulario. Mi código de vista está debajo

<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>

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

cuando hago clic en el botón enviar, quiero enviar el nombre de la imagen con los comentarios correspondientes para la imagen. ¿Cómo podría enviar los datos a través de la API de php.in mi código de función save () se ve a continuación

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

Answer 1

necesita usar el servicio $http para enviar imágenes al servidor

$scope.save = function() {
    var fd = new FormData();
    fd.append(''file'', $scope.files);
    $http.post(''uploadUrl'', fd, {
            transformRequest: angular.identity,
            headers: {
                ''Content-Type'': undefined
            }
        })
        .then(function(response) {})
        .catch(function(response) {});
}