ckeditor增加上传图片的功能

1.配置config.js开启图片上传选项卡。

CKEDITOR.editorConfig = function( config ) {
    config.filebrowserImageUploadUrl = 'http://127.0.0.1/ck/uploader.php';//处理图片上传的php文件
    config.removePlugins = 'save';
};

增加后点击图像按钮会出现新的选项卡（如下图所示）

我们选择一张图片上传，打开firebug可以看到访问的路径为

2.upload.php

这个上传文件处理需要注意的是返回的数据必须为：

//var_dump($_FILES['upload']);
$fileUrl = 'http://www.baidu.com/img/bdlogo.gif';
$callback = $_GET["CKEditorFuncNum"];  
echo '<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction('.$callback.', \''.$fileUrl.'\', \'\');</script>';

重要的是echo返回那句，不然无法自动跳回图像选项卡。

转载于:https://www.cnblogs.com/wkpilu/p/ckeditor_image_uploade.html