java使用CKEditor实现图片上传功能-创新互联

java如何使用CKEditor实现图片上传功能,具体内容如下

创新互联建站专业IDC数据服务器托管提供商,专业提供成都服务器托管,服务器租用,光华机房服务器托管光华机房服务器托管,成都多线服务器托管等服务器托管服务。

1.根据实际需要下载指定的CKEditor


2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡

java使用CKEditor实现图片上传功能


删除image.js中包含在双引号中的上述文本

java使用CKEditor实现图片上传功能


将image.js中的hidden属性值改为0

java使用CKEditor实现图片上传功能


3.修改ckeditor/config.js文件,配置“上传到服务器”按钮调用的controller接口


java使用CKEditor实现图片上传功能


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 
 Map m = 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://ybzwz.com/article/dpegeo.html