DWZ 原生编辑器使用JAVA例子

dwz原生编辑器,找了好久都没有JAVA的例子,废了很多时间,记录一下

JSP

<textarea class="editor" name="editorTest" rows="30" cols="175"
	upLinkUrl="upload.php" upLinkExt="zip,rar,txt"
	upImgUrl="${pageContext.request.contextPath }/editorFileUpload"
	upImgExt="jpg,jpeg,gif,png" upFlashUrl="upload.php"
	upFlashExt="swf" upMediaUrl="upload.php"upMediaExt:"avi">
	<strong>xheditor + 文件上传</strong><br />
	upLinkUrl:超链接上传接口地址<br />
	pLinkExt:超链接本地上传扩展限制 【可选】【默认值: zip,rar,txt】<br />
	upImgUrl:图片上传接口地址<br />
	upImgExt:图片本地上传扩展限制 【可选】【默认值:jpg,jpeg,gif,png】<br />
	upFlashUrl:动画上传接口地址<br />
	upFlashExt:动画本地上传扩展限制 【可选】【默认值: swf】<br />
	upMediaUrl:视频上传接口地址<br />
	upMediaExt:视频本地上传扩展限制 【可选】【默认值: avi】
</textarea>

Java

@ResponseBody
@RequestMapping("/editorFileUpload")
public JSONObject editorFileUpload(HttpServletRequest request) throws Exception {
       JSONObject JSONObject = new JSONObject();
       MultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
       MultipartHttpServletRequest multipartRequest = resolver.resolveMultipart(request);
       Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
		for (Map.Entry<String, MultipartFile> entry : fileMap.entrySet()) {
			MultipartFile file = entry.getValue();
			if (!file.isEmpty()) {
				String fileName = "images/bianji/"+ThumbnailsImageUtil.fileName(file.getOriginalFilename());
				String dirPath = sc.getRealPath("/WEB-INF/resources"+File.separator + fileName);
				File dir = new File(dirPath);
				if (!dir.getParentFile().exists()) {// 路径检测
					dir.getParentFile().mkdirs();
				}
				file.transferTo(dir);
				AliOSSClient.uploadTemp(fileName, fileName);
				JSONObject.put("msg", "图片路径"+fileName);
				
			}
		}

		JSONObject.put("err", "");

		return JSONObject;
	}

页面点击上传后,回填地址.设置其他 参数后,点击确定

上传成功

感觉难点有两个,

一个是上传后返回的数据格式没有说明:{"err":"为空字符串成功回填,有内容会当错误信息输出","msg":"图片地址"}

二是怎么或得回填后的图片路径,我是通过xheImgUrl 这个 id获取回填的值,在JS上 用全局变量保存;

猜你喜欢

转载自blog.csdn.net/qq_39308071/article/details/81263175