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 相关文章推荐
新浪微博API开发简介之用户授权(PHP基础篇)
Sep 25 PHP
jQuery+php实现ajax文件即时上传的详解
Jun 17 PHP
PHP 安全检测代码片段(分享)
Jul 05 PHP
PHP static局部静态变量和全局静态变量总结
Mar 02 PHP
CodeIgniter安全相关设置汇总
Jul 03 PHP
PHP中文编码小技巧
Dec 25 PHP
php多次include后导致全局变量global失效的解决方法
Feb 28 PHP
部署PHP时的4个配置修改说明
Oct 19 PHP
简单理解PHP的面向对象编程方式
May 17 PHP
PHP自定义函数获取汉字首字母的方法
Dec 01 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
Mar 05 PHP
PHP抽象类与接口的区别实例详解
May 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
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
jQuery 动画基础教程
2008/12/25 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
微信小程序webSocket的使用方法
2020/02/20 Javascript
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
Python去除字符串两端空格的方法
2015/05/21 Python
简单上手Python中装饰器的使用
2015/07/12 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
python中字典增加和删除使用方法
2020/09/30 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
UML设计模式笔试题
2014/06/07 面试题
高中生校园生活自我评价
2013/09/19 职场文书
大学活动邀请函
2014/01/28 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
旅游市场营销方案
2014/03/09 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
学校就业保障协议书
2019/06/24 职场文书
SQL SERVER中的流程控制语句
2022/05/25 SQL Server