或者您可以使用KCFinder。它是一个免费的开源Web文件管理器。它可以集成到FCKeditor、CKEditor和TinyMCE WYSIWYG Web编辑器（或您自定义的Web应用程序）中，用于上传和管理图像、Flash电影和其他可以嵌入到编辑器生成的HTML内容中的文件。
http://kcfinder.sunhater.com

CKEditor是几乎所有网页开发者最喜欢的网页文字处理器，但问题是它没有内置图片上传功能，也就是说CKEditor不知道如何处理图片上传，所以我们会安排一个助手，他会处理图片上传和文件管理。
我们的助手是KCFinder，一个免费的开源Web文件管理器。它可以集成到FCKeditor，CKEditor和TinyMCE WYSIWYG Web编辑器（或您的自定义Web应用程序）中，用于上传和管理图像，Flash电影和其他可以嵌入到编辑器生成的HTML内容中的文件。
我假设您已经在Web页面中设置了CKEditor。如果您还没有这样做，您可以按照我上一篇文章中的说明进行操作：CKEditor: Web-based Word Processor For Your Web Pages
让我们进入正题吧。
1)下载KCFinder〉http://kcfinder.sunhater.com/download
2)将.zip文件中的kcfinder目录解压缩到项目的公共目录中。
3)打开/public/ckeditor/config. js并添加代码行，如下所示;

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';

/* Show these image/flash browsing feature only to Admins */
config.filebrowserBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=files';
config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images';
config.filebrowserFlashBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=flash';

/* Image/Flash upload feature using kcfinder tool */
config.filebrowserUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=files';
config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images';
config.filebrowserFlashUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=flash';

};
如果您不想让您的用户浏览服务器上之前上传的文件，您可以删除/阻止注解前三行，只保留最后三行，这三行实际上是上传部分，或者您可以根据需要为每个功能添加用户级控件。永远不要让用户看到您服务器上的文件。如果他们更改了文件，其他文件链接可能会被破坏，这将导致应用程序中出现巨大混乱。
4)启动KCFinder。
默认情况下KCFinder是禁用的。要更改它，请转到kcfinder/conf/config.php，在常规设置下，将“disabled”的值更改为false。现在，用户可以使用CKEditor界面上传和管理Web应用程序上的文件（在我们的示例中，是图像文件）。
你可以在我的博客文章中查看详细的步骤：https://ashenlive.blogspot.com/2016/09/ckeditor-image-upload-with-kcfinder.html