KindEditor异步图片上传实现

1、引入KindeEditor编辑器,这里可以参考官方文档

2、上传文件的php

Select Code
1
2
3
4
5
6
7
8
<script>
  KindEditor.ready(function(K) {
    window.editor = K.create('#editor_singcms',{
      uploadJson : '{:U("Image/kindupload")}',
      afterBlur : function(){this.sync();}, //
    });
  });
</script>

2、返回格式(JSON)

Select Code
1
2
3
4
5
6
7
8
9
10
//成功时
{
 "error" : 0,
 "url" : "http://www.example.com/path/to/file.ext"
}
//失败时
{
 "error" : 1,
 "message" : "错误信息"
}

封装一个函数:

Select Code
1
2
3
4
5
6
7
8
9
10
function showKind($status, $data)
{
	header('Content-type:application/json;charset=UTF-8');
	if ($status==0) {
		// 成功时
		exit(json_encode(array('error'=>0, 'url'=>$data)));
	}
	// 失败时
	exit(json_encode(array('error'=>1, '上传失败')));
}

文档:http://kindeditor.net/docs/upload.html

3、上传图片部分,见上一篇文章:
异步上传图片

kindeditor图片异步上传效果