我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

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

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

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

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

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

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

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

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

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

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

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

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

“上传到服务器”按钮调用的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

Java使用Ajax实现跨域上传图片功能

说明 :图片服务器是用Nginx搭建的,用的是PHP语言这个功能 需要 用到两个js文件:jquery.js和jQuery.form.js