2016-02-04 6 views
0

Я пытаюсь загрузить изображение ajax. Я использую Croppic Master, но когда я загружаю изображение, он дает мне ошибка маркера пропущенного матча. Как передать токен в приведенном ниже коде?Laravel token missmatch exception

<div class="col-lg-4 "> 
    <div id="cropContaineroutput"> 
    </div> 
    <input type="text" id="cropOutput" style="width:100%; padding:5px 4%; margin:20px auto; display:block; border: 1px solid #CCC;" /> 

JS

var croppicContaineroutputOptions = { 
    uploadUrl: '<?php echo url()?>/users/cover', 
    cropUrl: 'img_crop_to_file.php', 
    outputUrlId: 'cropOutput', 
    modal: false, 
    loaderHtml: '<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ', 
    onBeforeImgUpload: function() { 
     console.log('onBeforeImgUpload') 
    }, 
    onAfterImgUpload: function() { 
     console.log('onAfterImgUpload') 
    }, 
    onImgDrag: function() { 
     console.log('onImgDrag') 
    }, 
    onImgZoom: function() { 
     console.log('onImgZoom') 
    }, 
    onBeforeImgCrop: function() { 
     console.log('onBeforeImgCrop') 
    }, 
    onAfterImgCrop: function() { 
     console.log('onAfterImgCrop') 
    }, 
    onReset: function() { 
     console.log('onReset') 
    }, 
    onError: function (errormessage) { 
     console.log('onError:' + errormessage) 
    } 
} 
var cropContaineroutput = new Croppic('cropContaineroutput', croppicContaineroutputOptions); 
+1

Попробуйте добавить это в форму '' или добавить это в свой основной макет '' – Saani

+0

проверить это: http://stackoverflow.com/questions/22877117/laravel-csrf-token – Saani

ответ

3

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

Добавить маркер в шаблон:

<meta name="csrf-token" content="{{ csrf_token() }}">

Затем в JavaScript:

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

Другой способ включить маркер в ваш AJAX звонки:

/** inside your blade ** 
<script> 
var token = '{{csrf_token()}}' 
$.ajax('url/to/api', { 
    .... 
    data: { 
      .... 
      '_token' : token 
     } 
} 
</script> 

По сути, если ваш запрос имеет токен CSRF с n поле под названием _token должно работать.