Kombajny przesyłania obrazu z formularza ajax ajax przedłożyć

Question

mam obraz Dodaj ajax jak ten

$scope.uploadFile = function(){ 
    var file = $scope.myFile; 
    console.log(file); 
    var uploadUrl = "/api/upload_image";//It will also goes to '/api/get_data' 
    //fileUpload.uploadFileToUrl(file, uploadUrl); 
    var fd = new FormData(); 
    fd.append('file', file); 
    $http.post(uploadUrl, fd, { 
     transformRequest: angular.identity, 
     headers: {'Content-Type': undefined} 
    }) 
    .success(function(e){ 
     console.log("Success"); 
    }) 
    .error(function(e){ 
     console.log("Error"); 
    }); 
}; 

i nazywając złożyć formularz ajax tak.

$http({ 
    url: "/api/get_data", 
    method: "POST", 
    dataType:"json", 
    data:JSON.stringify(this.formData) 
}).success(function(data) { 
    console.log("Success");  
}).error(function(error) { 
    console.log("Error"); 
}); 

Oba działają, ale osobno, Jak połączyć te dwa ajax w jeden, który jest złożony ajax, drugi.

Czy jest jakiś sposób, aby umieścić dane obrazu w drugim ajax używam kątowej + laravel5.2

mój wkład w pliku kątowym widzenia jest

<input type="file" file-model="myFile"> 

Dzięki.

Answer 1

Możesz łączyć te dwa pola w ten sposób, aby opublikować obraz i formularz, Spróbuj z tym.

var file = $scope.myFile; 
var fd = new FormData(); 
fd.append('file', file); 
fd.append('formData', JSON.stringify(this.formData)); 


$http({ 
    url: "/api/get_data", 
    method: "POST", 
    dataType:"json", 
    transformRequest: angular.identity, 
    headers: {'Content-Type': undefined}, 
    data:fd 
}).success(function(data) { 

Aby pobrać formData trzeba dekodowania JSON po stronie serwera skryptów.