thinkphp富文本编辑器怎样完成上传图片【ThinkPHP教程】

thinkphp富文本编辑器完成上传图片的要领步骤为：

1、起首，完成文章宣布或编辑的form表单，初始化layui富文本编辑器，结果以下：文章宣布表单对应的HTML代码以下：

2、个中是layedit的目的元素，竖立编辑器以及表单提交的js代码以下：

完成layedit插进去图片接口须要在竖立编辑器之前设置uploadImage，本例中设置代码如上图JS代码所示。

3、layedit不供应服务端的图片接收，须要我们在接口中完成，图片上传胜利后返回指定花样的JSON信息，花样以下：

{
    "code": 0, //0示意胜利，别的失利
    "msg": "", //提醒信息 //平常上传失利后返回
    "data": {
        "src": "图片途径",
        "title": "图片称号" //可选
    }
}

4、本例顶用thinkPHP5完成编辑器插进去图片接口的代码以下：

我创建了一个资本上传的控制器，特地用来处置惩罚文件上传相干营业，个中有关thinkPHP5上传文件的代码请参考TP的官方文档，这里不做过量诠释。

5、然后，宣布一篇科技互联网消息，演示一下结果。

在第一段背面增加一张图片，提交后结果以下：

以上内容仅供参考！

引荐教程：thinkphp教程

以上就是thinkphp富文本编辑器怎样完成上传图片的细致内容，更多请关注ki4网别的相干文章！

标签：thinkphp富文本编辑器上传