как отправить токен csrf через вызов ajax в laravel?

у меня есть форма с методом = сообщение. В этой форме у меня есть поле загрузки изображения, которое является ajax. когда процесс вызова ajax, проверьте ошибку несоответствия токена csrf. помогите мне. это мой код ..,

<script>
            $(document).ready(function(){
                $(document).on("click", "#upload", function() {
                    var file_data = $("#groupe_img").prop("files")[0];   // Getting the properties of file from file field
                    var form_data = new FormData();                  // Creating object of FormData class
                    form_data.append("file", file_data)              // Appending parameter named file with properties of file_field to form_data
                    form_data.append("csrftoken",document.mainform.csrftoken.value;)                 // Adding extra parameters to form_data
                    $.ajax({
                                url: "/upload_avatar",
                                dataType: 'script',
                                cache: false,
                                contentType: false,
                                processData: false,
                                data: form_data,                         // Setting the data attribute of ajax with file_data
                                type: 'post'
                       })
                })
            });
        </script>

это моя часть html

<input type="file" name="groupe_img" id="groupe_img">
<button id="upload" value="Upload">upload image</button>

тисм


ajax laravel-5 token csrf mismatch
person fighter    schedule 04.01.2016    source источник
comment
Проверьте это: stackoverflow.com/questions/53684928/   -  person Prateek    schedule 08.12.2018

Ответы (1)


arrow_upward
3
arrow_downward

Сначала добавьте токен csrf в такой метатег (в основном макете, например: resources/views/default.blade.php в разделе head):

<meta name="_token" content="{{ csrf_token() }}"/>

Затем используйте $.ajaxSetup перед вызовом ajax:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    }
});

$.ajax({
    url: "/upload_avatar",
    dataType: 'script',
    cache: false,
    contentType: false,
    processData: false,
    data: form_data,
    type: 'post'
})
person Peter Kota    schedule 04.01.2016
comment
где я должен разместить этот код ..? не понял.. помогите - person fighter; 04.01.2016
comment
Добавьте метатег в макет по умолчанию (в папку ресурсов/представлений) и ajaxSetup перед вызовом ajax. Я отредактировал свой ответ, проверьте его. - person Peter Kota; 04.01.2016