course-server/modules/Custom.Course.Backend/resources/views/about/form.blade.php

{!! Html::style(env("APP_URL").'/assets/backend/libs/dategrangepicker/daterangepicker.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.css') !!}

{!! Html::script(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/moment.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/jquery.daterangepicker.js') !!}
<style>
    .map {
        height: 300px;
        min-width: 500px;
        max-width:1200px;
    }
</style>

    <div class="form-group">
        {!! Form::label('name','封面图：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-2" id="filePicker">选择图片</div>
        <div class="col-md-6">
            <input type="hidden" name="cover" value="{{$about->cover}}"/>
            <img class="banner-image" src="{{env('APP_URL').$about->cover}}" style="max-width: 320px;max-height: 320px;">
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','联系方式：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="text" class="form-control" name="mobile" value="{{$about->mobile}}" required>
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-2 control-label">简介：</label>
        <div class="col-md-9">
            <script id="container" name="content" type="text/plain">
                {!! $about->content !!}
            </script>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','是否启用：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <div class="radio">
                <label>
                    <input type="radio" name="status" value="1" @if($about->status==1) checked @endif >
                    启用
                </label>
                <label>
                    <input type="radio" name="status" value="0" @if($about->status==0) checked @endif >
                    禁用
                </label>
            </div>
        </div>
    </div>

    <div class="hr-line-dashed"></div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-8 controls">
            <button type="submit" class="btn btn-primary">保存</button>
        </div>
    </div>
@include('UEditor::head')
{!! Html::script(env("APP_URL").'/vendor/libs/webuploader-0.1.5/webuploader.js') !!}
<script>
    var ue = UE.getEditor('container', {
        // autoHeightEnabled: false,
        initialFrameHeight: 500
    });
    ue.ready(function () {
        ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.
    });

    $(function () {
        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            swf: '{{url(env("APP_URL").'/assets/backend/libs/webuploader-0.1.5/Uploader.swf')}}',
            server: '{{route('ibrand.file.upload',['_token'=>csrf_token()])}}',
            pick: '#filePicker',
            fileVal: 'upload_file',
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
        });
        // 文件上传成功，给item添加成功class, 用样式标记上传成功。
        uploader.on('uploadSuccess', function (file, response) {
            $('.banner-image').attr('src', response.data.url).show();
            $("input[name='banner_pic']").val(response.data.file);
            $("input[name='cover']").val(response.data.path);

        });
    })
</script>