Fehler beim Hochladen des Bildes mit Ajax auf Laravel 5

Question

Ich versuche mein Laravel-Projekt, um ein Formular zu erstellen, das ein Bild auf dem Server mit Ajax hochladen, aber die Anfrage immer fehlgeschlagen, versuche ich dies zu tun gibt es ein Problem im Code?

html:

<form id="changeImage" enctype="multipart/form-data"> 
    <input type="hidden" name="_token" id="_token" value="{{csrf_token() }}"> 
    <center> 
     <div class="form-group"> 
      <center><input type="file" name="image" accept="image/*"></center> 
     <p class="help-block">Format: png, jpg et gif.</p> 
     </div> 
    </center> 
    <button type="submit" class="btn btn-primary">Submit</button> 
    </form> 

Ajax:

$('input[name="image"]').change(function(event) { 
     files = event.target.files; 
    }); 
$('#changeImage').submit(function(event) { 
    event.preventDefault(); 
    var _token= $('input[name="_token"]').val(); 
    var data = new FormData(); 
    data.append('_token',_token); 
    $.each(files, function(k, v) { 
     data.append('image',v); 
    }); 

    $.ajax({ 
     url: '/profile/image', 
     type: 'POST', 
     data:data, 
     processData: false, 
     contentType: "multipart/form-data", 
     success: function(data){ 
      console.log('done'+data); 
     }, 
     async: false, 
     error: function(data){ 
      console.log('No'); 
      var errors = data.responseJSON; 
      errorsHtml = '<div class="alert alert-danger"><ul>'; 
      $.each(errors , function(key, value) { 
       errorsHtml += '<li>' + value[key] + '</li>'; 
      }); 
      errorsHtml += '</ul></div>'; 
      $('#form-errors').html(errorsHtml); 
     } 
    }); 
}); 

Server Side - PHP (Laravel):

Route:

Route::post('profile/image','ProfileFormsController@postImage'); 

-Controller

public function postImage(Request $request){ 
    if($request->ajax()){ 
     $imagedestination = 'images\profile'; 
     $file = $request->file('image'); 
     $image_name = time()."-".$file->getClientOriginalName(); 
     $file->move($imagedestination, $image_name); 
    } 
} 

Answer 1

vergessen Sie über CSRF-Validierung.

Soweit diese Anfrage POST ist, müssen Sie auch ein CSRF-Token senden, oder zumindest die Überprüfung für diese Route deaktivieren.

Zum app/Http/Middleware/VerifyCsrfToken.php

und fügen Sie Ihre POST-URL zu protected $except = [];

auch diesen Teil der Dokumentation lesen: https://laravel.com/docs/master/routing#csrf-protection