layui 富文本图片上传接口与普通按钮 文件上传接口

富文本-图片上传

html:

js:记得之前引入layui.js

tp:

    // 图片上传接口
    public function lay_img_upload()
    {
        $file = Request::instance()->file('file');
        if(empty($file)){
            $result["code"] = "1";
            $result["msg"] = "请选择图片";
            $result['data']["src"] = '';
        }else{
            // 移动到框架应用根目录/public/uploads/ 目录下
            $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads/layui' );
            if($info){
                $infos = $info->getInfo();
                // 源文件名
                $name = $infos['name'];

                $name_path =str_replace('\\',"/",$info->getSaveName());
                //成功上传后 获取上传信息
                $result["code"] = '0';
                $result["msg"] = "上传成功";
                $result['data']["src"] = "/forum/public/uploads/layui/".$name_path;
                $result['data']["title"] = $name;
            }else{
                // 上传失败获取错误信息
                $result["code"] = "2";
                $result["msg"] = "上传出错";
                $result['data']["src"] ='';
            }
        }

        return json_encode($result);

    }

普通点击button 文件上传

html :

建议尺寸168*168,支持jpg、png、gif,最大不能超过50KB


js :

layui.use('upload',function(){
           var upload = layui.upload;
            upload.render({
                elem: '#fileBtn'//绑定元素
                ,url: "{:url('index/personal/modifyImg')}" //上传接口
               ,accept: 'images'
               ,auto: 	true    //属性详见http://www.layui.com/doc/modules/upload.html
               // ,bindAction: '#uploadBtn'
                 ,done: function(res){
                     alert(res.data.src);
                     $("[name=userImage]").val(res.data.src);
                 }
             });
         });

tp:

public function modifyImg()
    {
        $file = Request::instance()->file('file');
        if(empty($file)){
            $result["code"] = "1";
            $result["msg"] = "请选择图片";
            $result['data']["src"] = '';
        }else{
            // 移动到框架应用根目录/public/uploads/ 目录下
            $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads/user' );

            if($info){
                $infos = $info->getInfo();
                // 源文件名
                $name = $infos['name'];

                $name_path =str_replace('\\',"/",$info->getSaveName());
                //成功上传后 获取上传信息
                $result["code"] = '0';
                $result["msg"] = "上传成功";
                $result['data']["src"] = "/forum/public/uploads/user/".$name_path;
                $result['data']["title"] = $name;
            }else{
                // 上传失败获取错误信息
                $result["code"] = "2";
                $result["msg"] = "上传出错";
                $result['data']["src"] ='';
            }
        }

        return json_encode($result);
    }



你可能感兴趣的:(thinkphp5)