旗下导航:搜·么
当前位置:网站首页 > PHP框架 > ThinkPHP > 正文

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

作者:搜搜PHP网发布时间:2019-11-27分类:ThinkPHP浏览:92


导读:thinkphp富文本编辑器完成上传图片的要领步骤为:1、起首,完成文章宣布或编辑的form表单,初始化layui富文本编辑器,结果以下:文章宣布表单对应的HTML代码以下...

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富文本编辑器上传