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上 用全局变量保存;