php - page - angularjs form
Senden Sie mehrere Bilddaten mit Textbox vom Winkelregler (1)
Sie müssen den $http
Dienst verwenden, um Bilder an den Server zu senden
$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) {});
}
Ich möchte mehrere Image-Daten mit Textbox-Wert an Server-Seite (PHP) senden. Ich habe mehrere Bild hochladen, aber ich bin nicht in der Lage, meine Daten an Server-Seite beim Absenden von form.my Ansicht Code ist unten zu senden
<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>
in meinem Controller
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);
}
});
});
Wenn ich auf "Senden" -Button klicke, möchte ich den Bildnamen mit den entsprechenden Kommentaren für das Bild senden. Wie könnte ich die Daten durch ein API für php.in senden? Mein save () - Funktionscode sieht darunter aus
$scope.save = function()
{
console.log($scope.files)console.log($scope.comments)
}