layui 编辑器图片上传方法

时间:2019-01-15
本文章向大家介绍layui 编辑器图片上传方法,主要包括layui 编辑器图片上传方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.html

 <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="form_group_content">
<label class="col-xs-12" for="content">规则</label>
 <div class="col-xs-12">
<textarea id="content" class="js-ueditor" name="content" style="display: none;"></textarea>
</div>
 </div>

2.js

<script>
    layui.use('layedit', function(){
        var layedit = layui.layedit;
        layedit.set({
            uploadImage: {
                url: "{:url('play/upload')}" //接口url
                ,type: '' //默认post
            }
        });
        layedit.build('content,options'); //建立编辑器
    });
</script>

3.php 方法

   // layui上传图片
    public function upload()
    {
      if ($this->request->isPost()){
          $res['code'] = 0;
          $res['msg']  = "上传成功";
          // 获取表单上传文件
          $file = $this->request->file('file');
          $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads' . DS . 'images');//保存路径
         if ($info){
             $res['data']['title']= $info->getFilename();
             $filepath =$info->getSaveName();
             $res['data']['src'] = "/uploads/images/".$filepath;
         }else{
             $res['code'] = 1;
             $res['msg'] = '上传失败'.$file->getError();
         }
         return $res;
      }

    }