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

最新推荐文章于 2024-04-14 23:08:41 发布

御风之翼_唤星者

最新推荐文章于 2024-04-14 23:08:41 发布

阅读量9.9k

点赞数 1

分类专栏： PHP Layui

本文链接：https://blog.csdn.net/xiaoxuonl/article/details/79567020

版权

PHP 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Layui

1 篇文章 0 订阅

订阅专栏

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

【前端配置】
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富文本编辑器