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的5个入手程序
Nov 23 PHP
discuz7 phpMysql操作类
Jun 21 PHP
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
Jun 03 PHP
PHP投票系统防刷票判断流程分析
Feb 04 PHP
19个超实用的PHP代码片段
Mar 14 PHP
php使用递归计算文件夹大小
Dec 24 PHP
php使用PDO方法详解
Dec 27 PHP
Java和PHP在Web开发方面对比分析
Mar 01 PHP
PHP实现冒泡排序的简单实例
May 26 PHP
利用PHP生成CSV文件简单示例
Dec 21 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
Feb 15 PHP
PHP程序员必须知道的两种日志实例分析
May 14 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
Oracle 常见问题解答
2006/10/09 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
简介AngularJS中使用factory和service的方法
2015/06/17 Javascript
Underscore源码分析
2015/12/30 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
JS实现“全选”和"全不选"功能代码实例
2020/02/06 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
原生js实现购物车
2020/09/23 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
Python数据类型之Set集合实例详解
2019/05/07 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
python中调试或排错的五种方法示例
2019/09/12 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
python文件编写好后如何实践
2020/07/07 Python
Python中Selenium库使用教程详解
2020/07/23 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
辞旧迎新演讲稿
2014/09/15 职场文书
九不准学习心得体会
2016/01/23 职场文书
《迟到》教学反思
2016/02/24 职场文书
用Python提取PDF表格的方法
2021/04/11 Python