java使用CKEditor實現(xiàn)圖片上傳功能-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)建站專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商，專業(yè)提供成都服務(wù)器托管，服務(wù)器租用，光華機房服務(wù)器托管，光華機房服務(wù)器托管，成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。

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

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

刪除image.js中包含在雙引號中的上述文本

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

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

4.“上傳到服務(wù)器”按鈕調(diào)用的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<String, Object> m = new HashMap<String, Object>(); 
   
 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("<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("圖片文件擴展名="+fileExtensionName); 
    
  String[] imageExtensionNameArray= WebsiteConstant.IMAGE_EXTENSION_NAME_ARRAY; 
    
  String allImageExtensionName=""; 
  boolean isContain=false;//默認(rèn)不包含上傳圖片文件擴展名 
  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; 
   // 返回"圖像信息"選項卡并顯示圖片 ,在對應(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>"); 
  } 
 
 }  
 } 
 
} 

新聞標(biāo)題：java使用CKEditor實現(xiàn)圖片上傳功能-創(chuàng)新互聯(lián)
本文URL：http://muchs.cn/article40/dpegeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、ChatGPT、電子商務(wù)、響應(yīng)式網(wǎng)站、小程序開發(fā)、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)