layui的富文本编辑器如何上传图片,以及后期处理

为什么80%的码农都做不了架构师？>>>   

前端页面以及JS如下:

    
    

    

        

            提交
            重置
        
    

这里和之前我用过的百度的Ueditor不一样,这里是直接上传图片就处理

var up_url="{:url('Upload/doup')}";//上传图片url

layedit.set({
    uploadImage: {
        url:up_url //接口url
        ,type: 'post' //默认post
    }
});

处理接口PHP文件如下

file('file');
        if(empty($file)){
            $result["code"] = "1";
            $result["msg"] = "请选择图片";
            $result['data']["src"] = '';
        }else{
            // 移动到框架应用根目录/public/uploads/ 目录下
            $info = $file->move(ROOT_PATH . 'public/static' . DS . 'uploads' );
            if($info){
                $name_path =str_replace('\\',"/",$info->getSaveName());
                //成功上传后 获取上传信息
                $result["code"] = '0';
                $result["msg"] = "上传成功";
                $result['data']["src"] ="/public/static/uploads/".$name_path;
            }else{
                // 上传失败获取错误信息
                $result["code"] = "2";
                $result["msg"] = "上传出错";
                $result['data']["src"] ='';
            }


        }

        return json_encode($result);


    }


}

这个PHP处理文件我也是从网上copy下来,修改了一下

要上传图片必须要在你这里代码指定中的路径去创建uploads文件夹,不然会上传不成功,如果uploads下已经有了你上传的图片,但是显示的图片报错,那么检查一下这个返回的路径是否正确.

 

转载于:https://my.oschina.net/laobia/blog/1630163