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网别的相干文章!