php - وورد - مربع نص مزخرف



إرسال بيانات صورة متعددة مع مربع النص من وحدة تحكم الزاوي (1)

تحتاج إلى استخدام خدمة $http لإرسال الصور إلى الملقم

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

أريد أن أرسل بيانات صورة متعددة مع قيمة مربع النص إلى جانب الخادم (فب) .i قد فعلت تحميل صورة متعددة ولكن أنا لست قادرا على إرسال البيانات إلى جانب الخادم عند إرسال form.my كود الرأي أدناه

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

في وحدة تحكم بلدي

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

عندما كنت اضغط على زر إرسال أريد أن أرسل اسم الصورة مع التعليقات المقابلة للصورة.كيف يمكنني إرسال البيانات من خلال أبي كال ل php.in حفظ بلدي () رمز وظيفة تبدو أدناه

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




angularjs-scope