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 相关文章推荐
php生成静态文件的多种方法分享
Jul 17 PHP
php输入流php://input使用示例(php发送图片流到服务器)
Dec 25 PHP
codeigniter数据库操作函数汇总
Jun 12 PHP
PHP在网页中动态生成PDF文件详细教程
Jul 05 PHP
主流PHP框架的优缺点对比分析
Dec 25 PHP
PHP中Session和Cookie是如何操作的
Oct 10 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
Mar 07 PHP
laravel学习教程之关联模型
Jul 30 PHP
Laravel学习教程之路由模块
Aug 18 PHP
Thinkphp5.0框架视图view的模板布局用法分析
Oct 12 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
Mar 27 PHP
PHP大文件分割分片上传实现代码
Dec 09 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边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
php制作文本式留言板
2015/03/18 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
php数组指针操作详解
2017/02/14 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
python实现单向链表详解
2018/02/08 Python
python处理csv中的空值方法
2018/06/22 Python
Python中的枚举类型示例介绍
2019/01/09 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
windows上彻底删除jupyter notebook的实现
2020/04/13 Python
python代码区分大小写吗
2020/06/17 Python
2019年让高校“心动”的自荐信
2019/03/25 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python