javascript - 使用 CKeditor 上传文件

标签 javascript php ckeditor laravel-5.1

我正在使用 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

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

最佳答案

好吧,我终于让它工作了。 我随请求发送 csrf token 。

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

关于javascript - 使用 CKeditor 上传文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32804475/

相关文章:

javascript - Snap.svg 在响应式 View 框中拖动坐标

javascript - 在 jquery Accordion 中,如何确保当您单击一个标题时,另一个标题会关闭?

javascript - React.js 上的 JSX 相邻

php - 限制用户以 Symfony2 表单提交后检查的单选按钮数量

javascript - ckeditor 图像对齐删除

javascript - CKEDITOR - 单击工具栏上的 'Save' 按钮并调用自己的函数时防止页面刷新

javascript - 如何在 ckeditor 3 中对齐图像中心?

javascript - 无法读取未定义错误的属性 'match'

php - Yii2 中的 Gii CRUD 生成连接表关系

php - Magento:在 pre_dispatch 观察者中停止调度