欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

java使用CKEditor實(shí)現(xiàn)圖片上傳功能

 更新時(shí)間：2017年07月19日 11:18:56   作者：努力做最好的自己  
這篇文章主要為大家詳細(xì)介紹了java使用CKEditor實(shí)現(xiàn)圖片上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

java如何使用CKEditor實(shí)現(xiàn)圖片上傳功能，具體內(nèi)容如下

1.根據(jù)實(shí)際需要下載指定的CKEditor


2.刪除文件ckeditor/plugins/image/dialogs/image.js預(yù)覽框中文本內(nèi)容，并修改hidden屬性值為顯示上傳選項(xiàng)卡


刪除image.js中包含在雙引號(hào)中的上述文本


將image.js中的hidden屬性值改為0


3.修改ckeditor/config.js文件，配置“上傳到服務(wù)器”按鈕調(diào)用的controller接口



4.“上傳到服務(wù)器”按鈕調(diào)用的controller級(jí)別的接口

@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<String, Object> m = new HashMap<String, Object>(); 
   
 if (!ServletFileUpload.isMultipartContent(request)) { 
  m.put("error", 1); 
  m.put("message", "請(qǐng)選擇文件!"); 
  //return m; 
  logger.info("請(qǐng)選擇文件!"); 
 } 
   
 String originalFileName=null;//上傳的圖片文件名 
 String fileExtensionName=null;//上傳圖片的文件擴(kuò)展名 
 for (MultipartFile file : upload) { 
  if (file.getSize()> 10*1024* 1024) { 
   out.println("<script type=\"text/javascript\">"); 
   out.println("window.parent.CKEDITOR.tools.callFunction(" + callback 
      + ",''," + "'文件大小不得大于10M');"); 
   out.println("</script>"); 
     
  } 
    
  originalFileName=file.getOriginalFilename(); 
  logger.info("上傳的圖片文件名="+originalFileName); 
  fileExtensionName= originalFileName.substring( 
  originalFileName.lastIndexOf(".") ,originalFileName.length()).toLowerCase(); 
  logger.info("圖片文件擴(kuò)展名="+fileExtensionName); 
    
  String[] imageExtensionNameArray= WebsiteConstant.IMAGE_EXTENSION_NAME_ARRAY; 
    
  String allImageExtensionName=""; 
  boolean isContain=false;//默認(rèn)不包含上傳圖片文件擴(kuò)展名 
  for(int i=0;i<imageExtensionNameArray.length;i++){ 
   if(fileExtensionName.equals(imageExtensionNameArray[i])){ 
    isContain=true; 
   }  
   if(i==0){ 
    allImageExtensionName+=imageExtensionNameArray[i]; 
   }else{ 
    allImageExtensionName+=" , "+imageExtensionNameArray[i]; 
   } 
     
  } 
    
  String newFileName=java.util.UUID.randomUUID().toString()+fileExtensionName; 
  String uploadPath =WebsiteConstant.PIC_APP_FILE_SYSTEM_CKEDITOR_LOCATION; 
  if(isContain){//包含   
   File pathFile = new File(uploadPath); 
   if (!pathFile.exists()) { // 如果路徑不存在，創(chuàng)建 
    pathFile.mkdirs(); 
   } 
   try { 
    FileUtils.copyInputStreamToFile(file.getInputStream(), new File(uploadPath ,newFileName)); 
//    InputStream is=file.getInputStream(); 
//    File toFile = new File(uploadPath, newFileName); 
//    OutputStream os = new FileOutputStream(toFile); 
//    byte[] buffer = new byte[1024]; 
//    int length = 0; 
//    while ((length = is.read(buffer)) > 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; 
   // 返回"圖像信息"選項(xiàng)卡并顯示圖片 ,在對(duì)應(yīng)的文本框中顯示圖片資源url 
   out.println("<script type=\"text/javascript\">"); 
   out.println("window.parent.CKEDITOR.tools.callFunction(" + callback 
      + ",'" +imageUrl + "','')"); 
   out.println("</script>"); 
     
  }else{ 
   out.println("<script type=\"text/javascript\">"); 
   out.println("window.parent.CKEDITOR.tools.callFunction(" + callback 
      + ",''," + "'文件格式不正確（必須為"+allImageExtensionName+"文件）');"); 
   out.println("</script>"); 
  } 
 
 }  
 } 
 
} 

<span style="font-size:14px;">public class WebsiteConstant { 
 
 public static String[] IMAGE_EXTENSION_NAME_ARRAY={".jpg",".jpeg",".png",".gif",".bmp"}; 
 public static String PIC_APP_SERVER_URL="http://localhost:8090/Picture/"; 
 public static String PIC_APP_FILE_SYSTEM_CKEDITOR_LOCATION="/Users/abc/Documents/tomcat/webapps/Picture/images/ckeditor/"; 
 public static final int SUCCESS = 1; // 操作成功 
</span>

5.若是在Maven項(xiàng)目中使用的CKEditor，需要在pom.xml中添加如下代碼：

<dependency> 
 <groupId>com.ckeditor</groupId> 
 <artifactId>ckeditor-java-core</artifactId> 
 <version>3.5.3</version> 
</dependency>

6.最終效果圖

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論