YII中Ueditor富文本编辑器文件和图片上传的配置图文教程


Posted in PHP onMarch 15, 2017

将Ueditor集成到YII框架中后,参照editor_config.js中的toolbars中的内容,更改options中标签可以给编辑器添加想要的功能:

因此要想添加文件和图片上传功能,应该加入以下两个标签:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

文本编辑器中便出现了对应的两个选项:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

但是点击上传图片按钮后发现,无法正常进行图片上传,文件上传也是失败的,问题都是Flash Player需要升级,

因此在火狐浏览器中安装对应的flash player组件,选择其中一个工作:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

此时,文件上传和图片上传功能就能正常使用了:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

上传路径的设置:

1. 需要将ueditor/ueditor1_2_2_0/文件夹下的PHP文件夹拷贝至网站根目录,并在php文件夹下新建upload文件夹,此文件夹用于存储上传的文件或图片。

2. 修改该php文件夹下的fileUp.php和imageUp.php文件中的上传路径:“uploadPath”=>"upload/",即指定文件上传路径为我们刚刚新建的upload文件夹下。

3.

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

在页面进行对应的文件上传或图片上传后,即可在php/upload/文件夹下看到上传的文件:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

4.最后,要修改文件或图片上传的路径,应该修改我们放到网站根目录下的php文件夹中的fileUp.php和imageUp.php文件中的uploadPath:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

注意这里的imageUpload是在php文件夹目录下的子文件夹,也就是说uploadPath的默认根目录是php/。

图片/文件上传结果:

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

以上所述是小编给大家介绍的YII中Ueditor富文本编辑器文件和图片上传的配置图文教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
WML,Apache,和 PHP 的介绍
Oct 09 PHP
PHP中static关键字原理的学习研究分析
Jul 18 PHP
PHP面向对象法则
Feb 23 PHP
php获取数组中重复数据的两种方法
Jun 28 PHP
thinkphp模板继承实例简述
Nov 26 PHP
php将字符串随机分割成不同长度数组的方法
Jun 01 PHP
DEDECMS首页调用图片集里的多张图片
Jun 05 PHP
详解php实现页面静态化原理
Jun 21 PHP
php关联数组与索引数组及其显示方法
Mar 12 PHP
PHP使用mongoclient简单操作mongodb数据库示例
Feb 08 PHP
Yii框架数据库查询、增加、删除操作示例
Oct 14 PHP
PHP中通过getopt解析GNU C风格命令行选项
Nov 18 PHP
thinkPHP简单调用函数与类库的方法
Mar 15 #PHP
Yii2 批量插入、更新数据实例
Mar 15 #PHP
Yii实现复选框批量操作实例代码
Mar 15 #PHP
thinkPHP实现签到功能的方法
Mar 15 #PHP
thinkPHP框架实现图像裁剪、缩放、加水印的方法
Mar 14 #PHP
ThinkPHP框架分布式数据库连接方法详解
Mar 14 #PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
Mar 14 #PHP
You might like
如何写php程序?
2006/12/08 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
PHP邮件发送类PHPMailer用法实例详解
2014/09/22 PHP
dedecms中使用php语句指南
2014/11/13 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
2012/12/12 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
jQuery实现简单倒计时功能的方法
2016/07/04 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
python操作CouchDB的方法
2014/10/08 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Python3如何判断三角形的类型
2020/04/12 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
Python类super()及私有属性原理解析
2020/06/15 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
python list的index()和find()的实现
2020/11/16 Python
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
出国留学介绍信
2014/01/13 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
主持人演讲稿
2014/05/13 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
优秀新员工事迹材料
2019/05/13 职场文书