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 相关文章推荐
第二节 对象模型 [2]
Oct 09 PHP
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
Aug 22 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
May 16 PHP
coreseek 搜索英文的问题详解
Jun 08 PHP
[原创]php逐行读取txt文件写入数组的方法
Jul 02 PHP
详解WordPress中添加和执行动作的函数使用方法
Dec 29 PHP
PHP接收App端发送文件流的方法
Sep 23 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
Oct 12 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
Dec 05 PHP
php微信公众号开发之二级菜单
Oct 20 PHP
PHP验证类的封装与使用方法详解
Jan 10 PHP
php中关于换行的实例写法
Sep 26 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
PHPMyAdmin 快速配置方法
2009/05/11 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
2013/06/29 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
2016/06/13 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python列表推导式的使用方法
2013/11/21 Python
Python文件夹与文件的操作实现代码
2014/07/13 Python
Python的多态性实例分析
2015/07/07 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
tensorflow 实现自定义layer并添加到计算图中
2020/02/04 Python
PyQt5实现登录页面
2020/05/30 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
幼儿园春游活动方案
2014/01/19 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
九九重阳节致辞
2015/07/31 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
python实现Thrift服务端的方法
2021/04/20 Python
python 如何获取页面所有a标签下href的值
2021/05/06 Python
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS