我有個(gè)問(wèn)題。我想使用 ajaxupload 上傳 img 但我做不到，我總是收到異常 POST 419（未知狀態(tài)）。我做了所有使用文檔的事情，但我不知道。所以，我的路線：Route::post('/products/image','ProductController@image');在主要布局中，我有：<meta name="csrf-token" content="{{ csrf_token() }}">我的form.blade.php <form action="{{route('')}}" method="post"> @csrf <div class="box box-danger box-solid file-upload"> <div class="box-body"> <div id="single" class="btn btn-success" data-url="products/image" data-name="single"> Chose </div> <div class="single"></div>還有我的 app.js： $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); if($('div').is('#single')){ var buttonSingle = $("#single"), buttonMulti = $("#multi"), file; } if(buttonSingle){ new AjaxUpload(buttonSingle, { action: '/admin/' + buttonSingle.data('url') + "?upload=1", data: {name: buttonSingle.data('name')}, name: buttonSingle.data('name'), onSubmit: function(file, ext){ if (! (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))){ alert('Exception'); return false; } buttonSingle.closest('.file-upload').find('.overlay').css({'display':'block'}); }, onComplete: function(file, response){ $res = JSON.parse(response); if($res['error']){ alert($res['error']); buttonSingle.closest('.file-upload').find('.overlay').css({'display': 'none'}); return false; } setTimeout(function(){ buttonSingle.closest('.file-upload').find('.overlay').css({'display':'none'}); response = JSON.parse(response); $('.' + buttonSingle.data('name')).html('<img src="/images/' + response.file + '" style="max-height: 150px;">'); }, 1000); }});
2 回答
波斯汪
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊
我在 Dropzone 上傳時(shí)遇到了完全相同的問(wèn)題請(qǐng)不要忘記添加 enctype="multipart/form-data" 作為表單屬性并嘗試發(fā)送這樣的令牌數(shù)據(jù)
data: {
_token: $('meta[name="csrf-token"]').attr('content'),
name: buttonSingle.data('name')
},
阿波羅的戰(zhàn)車(chē)
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊
你應(yīng)該在標(biāo)題部分有類(lèi)似的東西
<meta name="_token" content="{{ csrf_token() }}"><meta>
或者
<meta name="csrf-token" content="{{ csrf_token() }}">
這是一個(gè)應(yīng)該在任何 DOM 元素中加載的通用腳本
<script>
$(function () {
$.ajaxSetup({
headers: {'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')}
});
});
</script>
注意：使用正確的名稱(chēng) name="_token" 或 name="csrf-token"
- 2 回答
- 0 關(guān)注
- 245 瀏覽
添加回答
舉報(bào)
0/150
提交
取消