TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析


Posted in PHP onDecember 31, 2019

本文实例讲述了TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法。分享给大家供大家参考,具体如下:

最近项目里要添加编辑器,以为CKeditor比较出名,所以研究了一下。。。

1、下载编辑器什么的不用说了

2、修改config配置文件

config.image_previewText=' ';
config.filebrowserImageUploadUrl = 'uploadFiles';

添加这两行代码,上面的是去除预览中的一堆没有用的东西,下面的是上传文件的方法名,

注意:::方法名是和你页面展示在一个控制器里的

3、控制器里添加如下代码:

//编辑器上传图片处理
public function uploadFiles()
{
  $upload = new \Think\Upload();// 实例化上传类
  $upload->maxSize  =   3145728 ;// 设置附件上传大小
  $upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
  $upload->rootPath =   './Uploads/img/'; // 设置附件上传根目录
  // 上传单个文件
  $info  = $upload->uploadOne($_FILES['upload']);
  if( $info){
    $desname =$info['savepath'].$info['savename'];
    $previewname =" http://www.cjp.com/Uploads/img/".$desname;
    $callback = $_REQUEST["CKEditorFuncNum"];
    echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,
'".$previewname."','');</script>";
  }else{
    echo "<font color=\"red\"size=\"2\">*文件格式不正确(必须为.jpg/.gif/.bmp/.png文件)</font>";
  }
}

然后就没有然后了。。。

那个,HTML页面引入的话,直接引入如下代码:

<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script>
<textarea rows="30" cols="50" name="body"></textarea>
<script type="text/javascript">CKEDITOR.replace('body');</script>

不过样式什么的我没有配置,大家自主发挥一下想象吧

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
教你如何把一篇文章按要求分段
Oct 09 PHP
PHP个人网站架设连环讲(三)
Oct 09 PHP
dedecms模版制作使用方法
Apr 03 PHP
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
Oct 03 PHP
使用PHP静态变量当缓存的方法
Nov 13 PHP
Smarty最简单实现列表奇偶变色的方法
Jul 01 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
Mar 07 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
Feb 04 PHP
Yii2表单事件之Ajax提交实现方法
May 04 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
Sep 16 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
Oct 21 PHP
如何在centos8自定义目录安装php7.3
Nov 28 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
Dec 31 #PHP
Laravel 手动开关 Eloquent 修改器的操作方法
Dec 30 #PHP
Laravel 集成微信用户登录和绑定的实现
Dec 27 #PHP
PHP单元测试配置与使用方法详解
Dec 27 #PHP
PHP全局使用Laravel辅助函数dd
Dec 26 #PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
Dec 25 #PHP
PHP高并发和大流量解决方案整理
Dec 24 #PHP
You might like
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
Array.prototype.slice 使用扩展
2010/06/09 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
vue内置指令详解
2018/04/03 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
Python切片用法实例教程
2014/09/08 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
python实现计算器功能
2019/10/31 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
增大python字体的方法步骤
2020/07/05 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
介绍一下EJB的体系结构
2012/08/01 面试题
几个常见的消息中间件(MOM)
2014/01/08 面试题
Unix如何添加新的用户
2014/08/20 面试题
单位委托书怎么写
2014/08/02 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
小学安全教育主题班会
2015/08/12 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书