【Thinkphp】Layui富文本编辑器-图片上传配置

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaoxuonl/article/details/79567020

在项目中用到了,社区里没有找到相关的资料,所以在一番摸索搞定之后拿来和大家分享。



【前端配置】
View


  <div class="layui-form-item layui-form-text"> 
   <label class="layui-form-label">文章内容</label> 
   <div class="layui-input-block"> 
    <textarea id="content" name="content" style="display: none;"></textarea> 
   </div> 
  </div>
<script type="text/javascript">
layui.use('layedit',
function() {
    var layedit = layui.layedit;
    layedit.set({
        uploadImage: {
            url: '{:U('index/doUploadPic')}',
            type: 'post'
        }
    });
    layedit.build('content'); //建立编辑器
});
</script>


【后台配置】
Controller

    public function doUploadPic()//上传模块
    {
        $upload = new \Think\Upload();
        $upload->maxSize = 3145728;
        $upload->exts = array('jpg', 'gif', 'png', 'jpeg');
        $upload->rootPath = './Uploads/';
        $upload->savePath = '/';
        $info = $upload->upload();
        if(!$info){
            $this->error($upload->getError());
        }else{
            foreach($info as $file){
		    $data = '/Uploads'.$file['savepath'] . $file['savename'];
		    $file_a=$data;
		    echo '{"code":0,"msg":"成功上传","data":{"src":"'.$file_a.'"}}';
			}
        }
    }

图片就上传到/Uploads文件夹下了



【相关链接】Layui富文本编辑器

展开阅读全文

没有更多推荐了,返回首页