laravel - Dropzone CSRF令牌不匹配Laravel 5

Question

我正在使用 Dropzone 使用 Laravel 5 上传图像。在 Dropzone 对我的 URL 进行 put 调用后，我收到以下错误：

VerifyCsrfToken.php 第 67 行中的 TokenMismatchException：

但是，当我查看请求的有效负载时，令牌存在：

------WebKitFormBoundary91A7BYrMsDcGTEvx 内容处置：表单数据；名称="_method"

PUT ------WebKitFormBoundary91A7BYrMsDcGTEvx Content-Disposition: form-data; 名称="_token"

j3NbjibYF7k8g2w1P0enw6YVfDrDvCGKFMCFt4NX ------WebKitFormBoundary91A7BYrMsDcGTEvx 内容配置：表单数据；名称=“标题”

这是我的 JS：

    Dropzone.options.realDropzone = {
        url: '/user/manage/10',
        method: 'PUT',
        paramName: 'file',
        uploadMultiple: false,
        parallelUploads: 100,
        previewsContainer: '#dropzonePreview',
        addRemoveLinks: true,
        maxFiles: 10,
        autoProcessQueue: false,

        init: function () {
            var dropZone = this;

            this.element.querySelector("#save").addEventListener("click", function (e) {
                e.preventDefault();
                e.stopPropagation();

                console.log("clicked submit");
                dropZone.processQueue();
            });
        },
    };

我的表格：

{!! Form::model($asset, ['method' => 'PUT', 'class' => 'dropzone', 'id' => 'real-dropzone', 'action' => ['UserManagementController@update', $asset->id], 'file' => true]) !!}

我的控制器：

   public function update(Request $request, $id)
    {

        return dd(FileRequest::file('file'));
    }

score 17 · Accepted Answer

尝试在 Dropzone 选项中添加令牌：

sending: function(file, xhr, formData) {
    formData.append("_token", "{{ csrf_token() }}");
},

score 5 · Accepted Answer

5

您可以{{ csrf_field() }}在表单中添加

于 2017-05-10T09:47:30.460 回答

score 4 · Accepted Answer

我的 Laravel 5.6 工作代码：

HTML

<div class="dropzone dropzone-previews" id="my-awesome-dropzone"></div>

jQuery

Dropzone.autoDiscover = false;
$(document).ready(function() {
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $("div#my-awesome-dropzone").dropzone({
        url: "{{ url('/upload') }}",
        headers: {
            'x-csrf-token': CSRF_TOKEN,
        },
    });
});

score 1 · Accepted Answer

刀片文件中的 HTML 代码

<head>
    …
    <meta name="csrf-token" content="{{ csrf_token() }}">
</head>
<body>
    <div class="dropzone" id="my-dropzone"></div>
</body>

JavaScript

Dropzone.autoDiscover = false;
new Dropzone('#my-dropzone', {
    url: '/upload',
    headers: {
        'x-csrf-token': document.head.querySelector('meta[name="csrf-token"]').content,
    },
});

laravel - Dropzone CSRF令牌不匹配Laravel 5

4 回答 4

Related

Reference