`
xitong
  • 浏览: 6205199 次
文章分类
社区版块
存档分类
最新评论

KindEditor 实现图文上传方法介绍

 
阅读更多


此代码是最新版的 KindEditor 3.5.x 实现本地图片上传的方法，用于oschina即将改版的个人空间
KindEditor 要求的JSON格式如下：
{"error":0,"message":".....","url":"/img/1111.gif"}
其中当error值为0时表示上传成功，需要指定url值为图片保存后的URL地址，如果error值不为0，则设置message值为错误提示信息



[代码]首先指定上传处理的URI

1 KE.show({
2 id :'ta_blog_content',
3 resizeMode : 1,
4 shadowMode :false,
5 allowPreviewEmoticons :false,
6 urlType :'absolute',
7 allowUpload :true,//允许上传图片
8 imageUploadJson :'/action/blog/upload_img'//服务端上传图片处理URI
9 });

[代码]图片上传处理方法

view source
print?
01 /**
02 * 图片上传
03 * @param ctx
04 * @throws IOException
05 */
06 @Annotation.PostMethod
07 @Annotation.JSONOutputEnabled
08 publicvoidupload_img(RequestContext ctx)throwsIOException {
09 File imgFile = ctx.image("imgFile");
10 if(imgFile.length() > MAX_IMG_SIZE ){
11 ctx.output_json(
12 newString[]{"error","message"},
13 newObject[]{1,ResourceUtils.getString("error","file_too_large", MAX_IMG_SIZE/1024)}
14 );
15 return;
16 }
17 String uri =newSimpleDateFormat("yyyyMMdd").format(newDate())
18 +"/IMG_"
19 + RandomStringUtils.randomAlphanumeric(4)
20 +'_'
21 + String.valueOf(ctx.user().getId())
22 +'.'
23 + FilenameUtils.getExtension(imgFile.getName()).toLowerCase();
24
25 Multimedia.saveImage(imgFile, img_path + uri,0,0);
26 ctx.output_json(newString[]{"error","url"},newObject[]{0, LinkTool.upload("space/"+uri)});
27 }


jsp 主页面code:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String htmlData = request.getParameter("content1") != null ? request.getParameter("content1") : "";
%>
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>KindEditor JSP</title>
	<script type="text/javascript" charset="utf-8" src="../kindeditor.js"></script>
	<script type="text/javascript">
		KE.show({
			id : 'content1',
			imageUploadJson : '../../jsp/upload_json.jsp',
			fileManagerJson : '../../jsp/file_manager_json.jsp',
			allowFileManager : true,
			afterCreate : function(id) {
				KE.event.ctrl(document, 13, function() {
					KE.util.setData(id);
					document.forms['example'].submit();
				});
				KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {
					KE.util.setData(id);
					document.forms['example'].submit();
				});
			}
		});
	</script>
</head>
<body>
	<%=htmlData%>
	<form name="example" method="post" action="demo.jsp">
		<textarea id="content1" name="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>
		<br />
		<input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)
	</form>
</body>
</html>
<%!
private String htmlspecialchars(String str) {
	str = str.replaceAll("&", "&amp;");
	str = str.replaceAll("<", "&lt;");
	str = str.replaceAll(">", "&gt;");
	str = str.replaceAll("\"", "&quot;");
	return str;
}
%>

分享到：
| ftp上传文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics