java使用CKEditor实现图片上传功能
短信预约 -IT技能 免费直播动态提醒
java如何使用CKEditor实现图片上传功能,具体内容如下
根据实际需要下载指定的CKEditor
删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡
删除image.js中包含在双引号中的上述文本
将image.js中的hidden属性值改为0
修改ckeditor/config.js文件,配置“上传到服务器”按钮调用的controller接口
“上传到服务器”按钮调用的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()) { // 如果路径不存在,创建 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>"); } } } }
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
java使用CKEditor实现图片上传功能
下载Word文档到电脑,方便收藏和打印~
下载Word文档
猜你喜欢
java使用CKEditor实现图片上传功能
java如何使用CKEditor实现图片上传功能,具体内容如下1.根据实际需要下载指定的CKEditor2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显
2023-05-31
django使用ckeditor上传图片
1、在模型类中设置字段为富文本类型,这里需要注意引入的是RichTextUploadingField,以允许上传图片,需要和RichTextField区分开from ckeditor_uploader.fields import RichT
2023-01-30