KindEditor 编辑器 图片上传
最近接触到了html文本的存储。 以前没有涉及这么全面的html + 图片 上传。
今天用KindEditor 做了一些功能。 我的项目用spring mvc+mybatis 整的。
贴出我的前端和后端代码 。供新手参考。 不用多余jar。 跟普通上传图片差不多。
前端js代码
var editor; KindEditor.ready(function(K) { var editor = K.create('textarea[name="Description"]', { uploadJson : 'kingedit/imageUpload',上传图片的地址 }); });
前端html代码
<textarea rows="5" cols="70" name="Description"></textarea>
后端上传图片代码,注意,编辑器必须接收到返回的json。
@RequestMapping("/imageUpload") @ResponseBody public String imageUpload(MultipartHttpServletRequest request) throws Exception { String webpath = null; try { //上传图片 MultipartFile file = request.getFile("imgFile"); webpath = FileUtil.saveWebImgFile(file); if(StringUtils.isNotEmpty(webpath)){ String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; webpath = "{\"error\" : 0,\"url\" : \""+basePath+webpath+"\"}";//成功 }else{ webpath = "{\"error\" : 0,\"message\" : \"上传文件不存在\"}";//失败 } }catch (Exception e) { e.printStackTrace(); } return webpath; }
本文转自yjflinchong 51CTO博客,原文链接:http://blog.51cto.com/yjflinchong/1164954,如需转载请自行联系原作者