5

我正在使用 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'));
    }
4

4 回答 4

17

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

sending: function(file, xhr, formData) {
    formData.append("_token", "{{ csrf_token() }}");
},
于 2016-06-19T12:43:52.217 回答
5

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

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

我的 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,
        },
    });
});
于 2018-06-18T08:46:13.850 回答
1

刀片文件中的 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,
    },
});
于 2021-09-21T08:51:50.027 回答