如何将CKeditor编辑器的上传和thinkphp结合
- WBOYasal
- 2016-06-07 11:44:571474semak imbas
有时候我们会发现，我们需要对上传文件进行日志记录，这样的记录通常写在LOG文件或数据库中，那么，通过TP本身的上传类，可以实现的，但是只能做到编辑器外上传并记录，而我们在编辑器内上传的图片、附件却无法捕获，所以这里我分享一个我写的小代码片段，仅供参考。
首先如果你不知道ckeditor，那么请忽略此文，谢谢。
当我们在模板中，将ckeditor配置好后，需要在JS代码中进行一些调整或修改，如下：CKEDITOR.replace( 'v_content', {<br>
filebrowserImageUploadUrl : '/Files/ck_upload.shtml'<br>
});这里是在JS部分进行了修改，指定了当使用编辑器的图片功能时，上传的请求地址在那里。一般来说ckeditor是不带上传的，你把上面的配置调整好后，点击图片，就会出现上传功能，但是只是个架子，没有实际效果。具体的处理请看下面：function ck_upload($ftype = 'image')<br>
{<br>
if($ftype == 'image'){<br>
$ftype = array('jpg', 'gif', 'png', 'jpeg', 'bmp');<br>
}<br>
<br>
header("Content-type:text/html");<br>
import('ORG.Net.UploadFile');<br>
$upload = new UploadFile(); // 实例化上传类<br>
$upload->maxSize = -1; // 设置附件上传大小<br>
$upload->allowExts = $ftype; // 设置附件上传类型<br>
$upload->savePath = './Public/Uploads/'; // 设置附件上传目录<br>
$upload->autoSub = true;<br>
$upload->subType = 'date';<br>
if (!$upload->upload()) {// 上传错误提示错误信息<br>
echo "<script>window.parent.CKEDITOR.tools.callFunction(".$this->_get('CKEditorFuncNum').", '/', '上传失败," . $upload->getErrorMsg() . "！');</script>";<br>
} else {<br>
//// 上传成功 获取上传文件信息并存入数据库<br>
$info = $upload->getUploadFileInfo();<br>
//获取具体的路径，用于返回给编辑器<br>
$savepath = $info[0]['savepath'].$info[0]['savename'];<br>
//下面的输出，会自动的将上传成功的文件路径，返回给编辑器。<br>
echo "<script>window.parent.CKEDITOR.tools.callFunction(".$this->_get('CKEditorFuncNum').",'$savepath','');</script>";<br>
}<br>
}会发现TP的代码里，有两端是输出JS的，一个是报错，一个是返回图片，这个自己看一下，就能懂的。很简单的。
上传完成后，如下图，我使用的是防盗链模式，所以图片路径是.shtml，如果你按照上面的方式，那么你的返回路径可能是upload/img/abc.jpg之类的。
代码肯定没问题的，我N个项目里在用，这样做的目的是，我能控制文件了，能控制它的上传时间，对文件进行权限管理等等，这些都是很方便的。另外，在附送一个防盗链的方法，前提是，将图片路径存在数据库里。
我这里，文件的表示使用的是id标示：function getfile($id) {<br>
$res = M('files')->find($id);<br>
$file = $res['savepath'];<br>
if (file_exists($file)) {<br>
header('Content-Description: File Transfer');<br>
header('Content-Type: application/octet-stream');<br>
header('Content-Disposition: attachment; filename=' . basename($file));<br>
header('Content-Transfer-Encoding: binary');<br>
header('Pragma: public');<br>
$sTmpVar = fread(fopen($file, 'r'), filesize($file));<br>
echo $sTmpVar;<br>
}<br>
}将就看下把，$res['savepath']就是数据库里的文件路径，这个方法照抄就行了。这样你就能把upload/img/xxx.jpg转化成诸如file/1022.shtml之类的URL了，防盗链和权限还不是你说了算？呵呵。
半夜了，写的比较匆忙，大家有兴趣试一下，有问题可以留言，我会抽时间回复一下的。
AD：真正免费，域名+虚机+企业邮箱=0元