Ошибка MethodNotAllowedHttpException в Laravel 5 с использованием ajax

Question

Я пытаюсь загрузить изображение с помощью ajax, и я получаю: Не удалось загрузить ресурс: сервер ответил статусом 500 (Internal Server Error). Вот мой Аякс:

$('document').ready(function() { 
    $('#uploadImage').change(function(){ 
     image = $('#uploadImage').val; 
     token = $('#token').val(); 
     $.ajax ({ 
      type: 'POST', 
      url: '/photo', 
      data: { image , token }, 
      success: function(){ 

       $('.img-thumbnail').attr("src", 'images/new_image.png'); 
      } 
     }) 
    }) 


}); 

Вот мой маршрут: Route::post('/photo', 'ShopsController@uploadPhoto');

Это мой контроллер:

public function uploadPhoto(Request $request) 
    { 

     //Sets file name according to authenticated shop id 
     $imageName = 'new_image.png'; 

     //Save file to public/images 

     $img = Image::make($request->file('image')); 
    $img->resize(380, 300)->save('images/' . $imageName, 60); 
    } 

И это моя форма:

<form action="{{ action('ShopsController@store') }}" method="post" enctype="multipart/form-data"> 
    <input id="token" type="hidden" name="_token" value="{{ csrf_token() }}"> 
    <input id="uploadImage" class="btn btn-upload" type="file" name="image"> </form> 

Answer 1

AJAX загрузка файлы немного сложнее, чем просто получить атрибут value вашего элемента изображения.

Прочитайте первый ответ на этот вопрос здесь: jQuery Ajax File Upload

Он использует FormData объект MDN:

// HTML file input, chosen by user 
formData.append("userfile", fileInputElement.files[0]); 

, хотя это не поддерживается всеми браузерами.

Простой пример JQuery ajaxFileUpload здесь: http://www.sitepoint.com/image-upload-example/