java如何使用CKEditor實現(xiàn)圖片上傳功能,具體內容如下
創(chuàng)新互聯(lián)建站專業(yè)IDC數(shù)據(jù)服務器托管提供商,專業(yè)提供成都服務器托管,服務器租用,光華機房服務器托管,光華機房服務器托管,成都多線服務器托管等服務器托管服務。1.根據(jù)實際需要下載指定的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 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;//默認不包含上傳圖片文件擴展名 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; // 返回"圖像信息"選項卡并顯示圖片 ,在對應的文本框中顯示圖片資源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>"); } } } }
新聞標題:java使用CKEditor實現(xiàn)圖片上傳功能-創(chuàng)新互聯(lián)
本文URL:http://www.rwnh.cn/article40/dpegeo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、ChatGPT、電子商務、響應式網(wǎng)站、小程序開發(fā)、虛擬主機
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)