添加上传功能步骤:
1. 打开上传功能开关。
2. 添加/修改上传URL。
3. 添加后台处理文件上传的function。
下面开始进行具体操作:
1. 打开上传功能开关:
a. 打开文件 ckeditor\plugins\image\dialogs\image.js
b. 查找“Upload, 找到类似 ”id:"Upload",hidden:!0 的地方,将hidden:!0 修改为 hidden:false,即可激活ckeditor上传的功能。
<span style="white-space:pre"> </span>id:"Upload",hidden:!0 >> id:"Upload",hidden:0
2. 添加/修改上传URL:
a. 打开文件 ckeditor\config.js
b. 添加如下配置项:
<span style="white-space:pre"> </span>config.filebrowserUploadUrl = 'XXXX/Admin/Upload/ckeditor_upload';
这一配置项,如果已经存在,请根据具体的网站路径进行配置。
3. 添加后台处理文件上传的function:
新建php文件,并添加函数如下:
<?php
namespace Admin\Controller;
use Think\Controller;
class UploadController extends CommonController {
public function ckeditor_upload(){
$image_extensions = array("jpg","bmp","png");
$upload_file_name = $_FILES['upload']['name'];
$file_extension = pathInfo($upload_file_name,PATHINFO_EXTENSION);
if(in_array($file_extension,$image_extensions)){
$uuid = str_replace('.','',uniqid("",TRUE)).".".$extension;
$des_file = "uploads/".$uuid; // 需要根据网站具体的路径进行配置,以免写入错误的目录,导致找不到上传图片或者失败。
$ret_file_name = '/work_space/uploads/'.$uuid;
$tag = move_uploaded_file($_FILES['upload']['tmp_name'],$des_file);
$callback = $_REQUEST["CKEditorFuncNum"];
echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,'".$ret_file_name."','');</script>";
}else{
echo "<font color=\"red\"size=\"2\">*不支持此格式(支持.jpg/.bmp/.png类型)</font>";
}
}
}
上面粘贴的代码是使用thinkphp框架时的代码,提取ckeditor_upload()函数就可以了。
结束!