php - कोणीय नियंत्रक से पाठ बॉक्स के साथ एकाधिक छवि डेटा भेजें



angularjs angularjs-scope (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) {});
}

मैं पाठ बॉक्स मान के साथ सर्वर साइड (PHP) को एकाधिक छवि डेटा भेजना चाहता हूं। मैंने कई छवि अपलोड किए हैं, लेकिन मैं फॉर्म सबमिट करते समय अपने डेटा को सर्वर साइड में भेजने में सक्षम नहीं हूं। मेरा दृश्य कोड नीचे है

<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