Kind Editor 编辑器图片下传 _Web前端

Kind Editor 编辑器图片上传

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;
	}

2楼yjflinchong5天前 12:02: 我的文章列表，欢迎阅读。都是些技术文章n[url=http://jfong.223366.info?from=jfong.cn]http://jfong.223366.info?from=jfong.cn[/url]nn[url=http://31075.223366.info?from=jfong.cn]http://31075.223366.info?from=jfong.cn[/url]nn[url=http://100106.onegrid.com.cn//zh_CN/sf.g?file=T3D9eG7TGTeM7&from=jfong.cn]http://100106.onegrid.com.cn//zh_CN/sf.g?file=T3D9eG7TGTeM7&from=jfong.cn[/url]

1楼yjflinchong6天前 13:55: 仅供参考。因为api没有详细的返回json说明。 n 我反正是没找到

Kind Editor 编辑器 图片下传

Kind Editor 编辑器图片下传