Wie Bild mit angularjs

Question

hochladen

Ich versuche, Bild mit angularjs hochzuladen.

HTML:

<input type="file" id="picture" name="picture"/> 
<button class="btn btn-primary" ng-click="AddNew()" type="submit">Save</button> 

Controller.js

$scope.AddNew=function(){ 
    console.log(picture.files.item(0)); 
    $scope.myobject.picture=picture[0]; 

    $http({ 
     url: 'http://localhost/mypro/resource', 
     method: "POST", 
     data: {'resource' : $scope.myobject }, 
     headers: {'Content-Type': undefined }, 
     transformRequest: angular.identity 
    }) 
    .then(function(response) { 
     // success 

    }, 
    function(response) { // optional 
     // failed 
    }); 
}; 

Laravel 5.2:

routes.php

Route::resource('resource','ResourceController'); 

Controller:

public function store(Request $request){ 

    Log::info('request: '.print_r(Input::all(),true)); 
    Log::info('request: '.print_r($request,true)); 
    return array('success' => true); 
} 

Nur leere Array hier bekommen. Und in der Konsole bekomme ich 500 (Interner Serverfehler).

Bitte führen Sie mich, was ich falsch mache.

Vielen Dank.

Answer 1

Ok,

Ich habe die Lösung durch die Suche tief in SO gefunden.

Hier Lösung:

var profile_pic=picture.files.item(0); 
var jsonData=$scope.myobject; 
$http({ 
    url: 'http://localhost/mypro/resource', 
    method: "POST", 
    headers: {'Content-Type': undefined }, 
    transformRequest: function (data) { 
     var formData = new FormData(); 
     formData.append("model", angular.toJson($scope.myobject)); 
     formData.append("profile_pic", picture.files.item(0)); 

     return formData; 
    }, 
    data: {'myobject' : jsonData,'profile_pic':profile_pic}, 

Thanx SO :)