PHP中使用CKEditor上传图片

Ckeditor下载地址：http://ckeditor.com/download



1、在页面中引入ckeditor核心文件ckeditor.js

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

2、在使用编辑器的地方插入HTML控件

<textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea>

3、将相应的控件替换成编辑器代码

<script type="text/javascript">
CKEDITOR.replace('TextArea1');
</script>

4、配置编辑器

ckeditor的配置都集中在 ckeditor/config.js 文件中（自定义，可选）

5、配置图片上传（编辑器插件中必须包含图片插件，默认图片的编辑器只能使用外部链接）



6、去掉预览中的文字

在ckeditor/plugins/image/dialogs/image.js

搜索“d.config.image_previewText”，把(d.config.image_previewText||”)加粗的内容全删了。

7、开启上传功能

在ckeditor/plugins/image/dialogs/image.js

搜索：id:’Upload’,hidden:!0

实际上上传功能被隐藏了，把上面的!0改成false。



到这里图片上传控件已经可以显示，接下来需要做PHP文件处理

8、定义上传图片时的action

在ckeditor/config.js中加入：

config.filebrowserUploadUrl = '/index.php?action=address&do=upload'; //地址自定义

9.在php处理文件中加入upload方法;

if($do == "upload"){
upload();
}

function upload(){
$extensions = array("jpg","bmp","gif","png");
$uploadFilename = $_FILES['upload']['name'];
$uploadFilesize = $_FILES['upload']['size'];
if($uploadFilesize  > 1024*2*1000){
echo "<font color=\"red\"size=\"2\">*图片大小不能超过2M</font>";
exit;
}

$extension = pathInfo($uploadFilename,PATHINFO_EXTENSION);
if(in_array($extension,$extensions)){
$uploadPath ="./uploadfile/";
$uuid = str_replace('.','',uniqid("",TRUE)).".".$extension;
$desname = $uploadPath.$uuid;
$previewname = './uploadfile/'.$uuid;
$tag = move_uploaded_file($_FILES['upload']['tmp_name'],$desname);
$callback = $_REQUEST["CKEditorFuncNum"];
echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,'".$previewname."','');</script>";
}else{
echo "<font color=\"red\"size=\"2\">*文件格式不正确（必须为.jpg/.gif/.bmp/.png文件）</font>";
}
}

10、上传成功。