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无限分类代码,支持数组格式化、直接输出菜单两种方式
May 18 PHP
PHP定时执行计划任务的多种方法小结
Dec 19 PHP
利用php绘制饼状图的实现代码
Jun 07 PHP
浅析linux下apache服务器的配置和管理
Aug 10 PHP
zf框架的校验器InArray使用示例
Mar 13 PHP
Yii把CGridView文本框换成下拉框的方法
Dec 03 PHP
PHP模板引擎Smarty中的保留变量用法分析
Apr 11 PHP
PHP读取大文件末尾N行的高效方法推荐
Jun 03 PHP
解决form中action属性后面?传递参数 获取不到的问题
Jul 21 PHP
Laravel框架路由设置与使用示例
Jun 12 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
Oct 25 PHP
php微信小程序解包过程实例详解
Mar 31 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
jQuery实现购物车数字加减效果
2015/03/14 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
详解React中setState回调函数
2018/06/14 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
python迭代器实例简析
2014/09/25 Python
Python多线程编程简单介绍
2015/04/13 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
Django框架HttpRequest对象用法实例分析
2019/11/01 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
IRO美国官网:法国服装品牌
2018/03/06 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
银行演讲稿范文
2014/01/03 职场文书
党支部承诺书范文
2014/03/28 职场文书
新闻发布会主持词
2014/03/28 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
2015年电教工作总结
2015/05/26 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技