2016-02-04 92 views
0

我想通過ajax上傳圖片。我使用的是Croppic Master,但是當我上傳圖片時,它會給我令牌錯失匹配例外。如何在下面的代碼中傳遞令牌?Laravel令牌錯誤異常

<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請求和招波紋管同樣的問題,解決了這個問題。

添加標記在你的模板:

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

然後:

$.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令牌在一個名爲_token的領域內,它應該可以工作。