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 相关文章推荐
虚拟主机中对PHP的特殊设置
Oct 09 PHP
php 模拟POST|GET操作实现代码
Jul 20 PHP
php与mysql建立连接并执行SQL语句的代码
Jul 04 PHP
ThinkPHP快速入门实例教程之数据分页
Jul 01 PHP
简单谈谈php中ob_flush和flush的区别
Nov 27 PHP
PHP生成条形码大揭秘
Sep 24 PHP
又拍云异步上传实例教程详解
Apr 19 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
Sep 14 PHP
php输出含有“#”字符串的方法
Jan 18 PHP
php实现微信企业号支付个人的方法详解
Jul 26 PHP
详解php中curl返回false的解决办法
Mar 18 PHP
thinkphp5框架扩展redis类方法示例
May 06 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
php生成短网址示例
2014/05/05 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
jquery中实现时间戳与日期相互转换
2016/04/12 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
Python中使用PIPE操作Linux管道
2015/02/04 Python
初步讲解Python中的元组概念
2015/05/21 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
python解析xml简单示例
2019/06/21 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
介绍一下游标
2012/01/10 面试题
ASP.NET中的身份验证有那些
2012/07/13 面试题
在校生钳工实习自我鉴定
2013/09/19 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
优质服务活动实施方案
2014/05/02 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书