澳门新浦京8455com有限公司欢迎您!

ckeditor上传图片 for php

时间:2020-02-12 23:31

打开editor/filemanager/connectors/php目录下commands.php,找到FileUpload函数,在

CKEditor是非常经典的一款富文本编辑器。最近项目中用到了,但是图片上传功能未打通,三天各种资料查询研究,终于搞清楚怎么打通。
1、未打通时点击富文本编辑器图片栏时,是没有上传的tab栏的。此刻需要做以下操作:在ckeditor/plugins/image/dialogs/image.js中查找id:"Upload",hidden:!0,改为id:"Upload",hidden:false。奇迹就出现了!!!上传tab栏出现。

复制代码 代码如下:
$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;
$sExtension = strtolower( $sExtension ) ;

图片 1

后添加

2、接下来选择文件,挑选一张图片,确定,上传到服务器,此刻需要配置上传服务器这一步,找到config.js文件最后添加一行代码:config.filebrowserImageUploadUrl = 图片上传到服务器的接口;
然后后台是Php,需要做一下操作,我所写的示例是仿照java做的,因此贴出Java代码,都是相通的。

复制代码 代码如下:
$sFileName = rand(0,100).".".$sExtension;

图片 2

此处rand函数可根据需要自行改变重命名规则。
另一种上传图片文件名乱码解决方法为使用iconv函数对文件名进行编码转换,但仍然存在重名问题,所以针对Fckeditor上传图片文件名最好还是重命名

也就是说在点击上传到服务器后,Php后台要返回<script> window.parent.CKEDITOR.tools.callFuntion()。。。。。。等等,imageContextPath是图片在服务器地址,设置后在本地调会出现跨域的问题如下: