使用 CKeditor 上传文件

Question

我正在使用 ckeditor 并且正在尝试上传文件。这是我的代码：

    @extends('app')
@section('header')
<script type="text/javascript" src="{{url('ckeditor/ckeditor.js')}}"></script>
@endsection
@section('content')
<div class="container">

    @include('common.errors')
<div class="row">
                <div class="col-lg-12">

                            <div class="row">
                                <div class="col-lg-9">
    {!! Form::model($info, ['route' => ['infos.update', $info->id], 'method' => 'patch','files' => true]) !!}

        @include('infos.fields')

    {!! Form::close() !!}
    </div>
    </div>
    </div>
    </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
    CKEDITOR.replace('editor1',{

        filebrowserImageUploadUrl : "{{route('infos.upload')}}",
        filebrowserWindowWidth  : 800,
        filebrowserWindowHeight : 500
    });
    window.opener.CKEDITOR.tools.callFunction(CKEditorFuncNum,url);
</script>
@endsection

每当我尝试上传文件时，都会收到令牌不匹配错误。表单生成器会自动在主表单中添加一个隐藏的 csrf 字段，但是由于来自 ckeditor 的文件上传（POST 请求）是通过 ajax 发生的，所以它给了我这个错误。我知道我可以禁用此错误，但是当我用谷歌搜索时，我发现禁用它是一种不好的做法。如何停止收到此错误并上传文件？

Answer 1

好的，我终于让它工作了。我随请求发送 csrf 令牌。

filebrowserImageUploadUrl : "{{route('infos.upload',['_token' => csrf_token() ])}}",

Answer 2

修复了以下代码的 Csrf 问题：

<script type="text/javascript">
CKEDITOR.replace('editor1',{

    filebrowserImageUploadUrl : "{{ url('your_url?_token='.csrf_token()) }}",

});
</script>

使用 CKeditor 上传文件

Upload files using CKeditor

javascript

php

ckeditor

laravel-5.1