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 相关文章推荐
Classes and Objects in PHP5-面向对象编程 [1]
Oct 09 PHP
文件系统基本操作类
Nov 23 PHP
php mssql 数据库分页SQL语句
Dec 16 PHP
PHP 导出数据到淘宝助手CSV的方法分享
Feb 27 PHP
php中$_REQUEST、$_POST、$_GET的区别和联系小结
Nov 23 PHP
一个PHP二维数组排序的函数分享
Jan 17 PHP
PHP获取文件的MD5值并判断是否被修改的例子
Jun 19 PHP
ThinkPHP之getField详解
Jun 20 PHP
php中使用PHPExcel读写excel(xls)文件的方法
Sep 15 PHP
PHP获取数组最后一个值的2种方法
Jan 21 PHP
PHP实现打包zip并下载功能
Jun 12 PHP
解决在laravel中auth建立时候遇到的问题
Oct 15 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
php $_SERVER当前完整url的写法
2009/11/12 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
JavaScript 事件系统
2010/07/22 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
javascript搜索框点击文字消失失焦时文本出现
2014/09/18 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
js实现简单商品筛选功能
2021/02/02 Javascript
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
pymysql的简单封装代码实例
2020/01/08 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
银行柜员应聘推荐信范文
2013/11/24 职场文书
工作睡觉检讨书
2014/02/25 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
安全生产月演讲稿
2014/05/09 职场文书
企业宣传标语
2014/06/09 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android