Vue Quill-Editor 上传图片到服务器(富文本编辑器)

安装
npm install vue-quill-editor --save //下载Vue-Quill-Editor
npm install quill --save /下载quill(Quill-Editor的赖)

代码

  
                

php


    /**
    *富文本编辑器上传图片
     */
    public function upEditeFile(Request $request)
    {
        if ($request->isMethod('POST')) {

            $fileCharater = $request->file('file');
            if ($fileCharater->isValid()) {
                $ext = $fileCharater->getClientOriginalExtension();
                //获取文件的绝对路径
                $jpg = (string) Image::make($fileCharater)->encode('jpg',90);
                $filename = 'images/'.date('Ymd').'/'.date('YmdHis').rand(100, 999).'.'.$ext;
                Storage::disk('public')->put($filename, $jpg);
                $filename =  \App\Components\Common::upImg($filename);
                $filename =   \App\Components\Common::showImg($filename);
                return $filename;
            }
        }else{
            return \App\Components\Common::fail('编辑失败',400);
        }
    }

参考原文

你可能感兴趣的:(Laravel)