Laravel 11 csrf+富文本编辑器创建文章(下)

数据验证

1、 通过$this->validate 来验证

 //验证数据
        $this->validate(request(),[
            'title' =>'required | string | max:100 | min:4',
            'content' => 'required | string | min:10 ',
        ]);

2、 在模板中 遍历 $errors

 @if(count($errors)>0)
         <div class="alert alert-danger" role="alert">
          @foreach($errors->all() as $error)
              <li>{{$error}}</li>
          @endforeach
          </div>
@endif

3、将验证提示的英文自定义为中文

  • 方法一:
//验证数据
        $this->validate(request(),[
            'title' =>'required | string | max:100 | min:4',
            'content' => 'required | string | min:10 ',
        ],[
            'title.min'=>'文章标题过短',
            'content.min'=>'内容要超过10个字符',
        ]);

安装 Yaml支持
http://symfony.com/doc/current/components/yaml.html

composer require symfony/yaml

configapp.php中修改本地化用的语言包

'locale' => 'zh',
  • 提前表单的三个必须的步骤
    1、验证
    2、逻辑(如:添加数据库等)
    3、渲染(跳转)

把textarea变成富文本编辑器

http://www.wangeditor.com/

  • 加载编辑器后的,渲染html的写法 :{!! !!}
//模板中。。。解析html 并指定长度截取字符的写法,
{!! str_limit($post['content'],100,'..more..') !!}

图片上传

1、在laravel中建议在头部分加上meta 标签里面生成csrf_token

<meta name="csrf-token" content="{{csrf_token()}}">

2、基于wangEditor中的自定义js 请求头 中获取token

var editor = new wangEditor('content');
editor.config.uploadImgUrl = '/posts/image/upload';
// 设置 headers(举例)
editor.config.uploadHeaders = {
    'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content')
};
editor.create();

web.php中设置路由

//图片上传
Route::post('/posts/image/upload','\App\Http\Controllers\PostController@imageUpload');

测试打印

dd(request()->all());

*上传文件配置

1、修改config/filesystems.php中的 default 中的local 驱动 改为public
2、运行php artisan storage:link来修改上传图片保存的图径

  • 保存文件
    1、确保开启php的php_fileinfo扩展 (获取文件MiME,编码等信息)
    2、控制器代码如下:
//图片上传   :: 注入 Request对象
    public function imageUpload(Request $request){
        $path = $request -> file('wangEditorH5File')->storePublicly(md5(time()));
        return asset('storage/'.$path);
       // dd(request()->all());
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345