java使用CKEditor实现图片上传功能-创新互联
java如何使用CKEditor实现图片上传功能,具体内容如下
创新互联建站专业IDC数据服务器托管提供商,专业提供成都服务器托管,服务器租用,光华机房服务器托管,光华机房服务器托管,成都多线服务器托管等服务器托管服务。1.根据实际需要下载指定的CKEditor
2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡
删除image.js中包含在双引号中的上述文本
将image.js中的hidden属性值改为0
3.修改ckeditor/config.js文件,配置“上传到服务器”按钮调用的controller接口
4.“上传到服务器”按钮调用的controller级别的接口
@Controller @RequestMapping("publicutil") public class PublicUtilController { @RequestMapping(value = "uploadImage") private void uploadImage(HttpServletRequest request, HttpServletResponse response, HttpSession session,@RequestParam MultipartFile[] upload) { response.setCharacterEncoding("UTF-8"); PrintWriter out=null; try { out = response.getWriter(); } catch (IOException e1) { logger.error("response.getWriter()异常="+e1); e1.printStackTrace(); } String callback = request.getParameter("CKEditorFuncNum"); // 获得response,request Mapm = new HashMap (); if (!ServletFileUpload.isMultipartContent(request)) { m.put("error", 1); m.put("message", "请选择文件!"); //return m; logger.info("请选择文件!"); } String originalFileName=null;//上传的图片文件名 String fileExtensionName=null;//上传图片的文件扩展名 for (MultipartFile file : upload) { if (file.getSize()> 10*1024* 1024) { out.println(""); } originalFileName=file.getOriginalFilename(); logger.info("上传的图片文件名="+originalFileName); fileExtensionName= originalFileName.substring( originalFileName.lastIndexOf(".") ,originalFileName.length()).toLowerCase(); logger.info("图片文件扩展名="+fileExtensionName); String[] imageExtensionNameArray= WebsiteConstant.IMAGE_EXTENSION_NAME_ARRAY; String allImageExtensionName=""; boolean isContain=false;//默认不包含上传图片文件扩展名 for(int i=0;i 0) { // os.write(buffer, 0, length); // } // is.close(); // os.close(); } catch (IOException e) { logger.error("FileUtils.copyInputStreamToFile uploadPath="+uploadPath+" newFileName ="+newFileName+" exception="+e); } String imageUrl=WebsiteConstant.PIC_APP_SERVER_URL+"images/ckeditor/"+newFileName; // 返回"图像信息"选项卡并显示图片 ,在对应的文本框中显示图片资源url out.println(""); }else{ out.println(""); } } } }
网站名称:java使用CKEditor实现图片上传功能-创新互联
新闻来源:http://scgulin.cn/article/dpegeo.html