解决kindeditor上传图片、文件的错误。

2023-05-16

        项目中使用到了富文本编辑器,使用之后感觉非常的棒!之前使用的是ckeditor,本次项目打算使用的也是ckeditor,但是后来有些嵌套表格里面格式的显示的问题实在是比较乱。

所以使用了本文介绍的:编辑器 KindEditor :

主页地址:http://www.kindsoft.net/ ,值得说下的是,kindeditor是国产的开源的编辑器。

简介:

 

在线HTML编辑器 KindEditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。


 

 

整个使用过程比较简单,官方的文档写的也很详细(http://www.kindsoft.net/doc.php)。

把下载下来的文件加压缩,根据需要提取相应的文件。如图所示

 

   

 注意引入相应的jar包,commons-fileupload-1.2.2jar、commons-io-2.0.1.jar、json_simple-1.1.jar ,本系统中所使用的jar包比下载下来的jar版本要新,请根据需要选取。

效果如下:

 

上传文件:

 

 

之前上传遇到了如下所示的错误:

解决的办法如下:替换

 


  
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>   
  2. <%@ page import="java.util.*,java.io.*" %>   
  3. <%@ page import="java.text.SimpleDateFormat" %>   
  4. <%@ page import="org.apache.commons.fileupload.*" %>   
  5. <%@ page import="org.apache.commons.fileupload.disk.*" %>   
  6. <%@ page import="org.apache.commons.fileupload.servlet.*" %>   
  7. <%@ page import="org.json.simple.*" %>   
  8. <%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper" %>   
  9.     
  10. <%   
  11. //文件保存目录路径       
  12. //存放在\kindeditor\attached下  
  13. String savePath = request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";   
  14. //文件保存目录URL /kindeditor/attached/  
  15. String saveUrl = request.getContextPath() + "/kindeditor/attached/";   
  16. //定义允许上传的文件扩展名   
  17. //定义允许上传的文件扩展名   
  18. HashMap<String, String> extMap = new HashMap<String, String>();   
  19. extMap.put("p_w_picpath", "gif,jpg,jpeg,png,bmp");   
  20. extMap.put("flash", "swf,flv");   
  21. extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");   
  22. extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");   
  23.     
  24. //允许最大上传文件大小 struts.xml struts.multipart.maxSize=3G   
  25. long maxSize = 3000000000l;   
  26.     
  27. response.setContentType("text/html; charset=UTF-8");   
  28.     
  29. if(!ServletFileUpload.isMultipartContent(request)){   
  30.     out.println(getError("请选择文件。"));   
  31.     return;   
  32. }   
  33. //检查目录   
  34. File uploadDir = new File(savePath);   
  35. if(!uploadDir.isDirectory()){   
  36.     out.println(getError("上传目录不存在。"));   
  37.     return;   
  38. }   
  39. //检查目录写权限   
  40. if(!uploadDir.canWrite()){   
  41.     out.println(getError("上传目录没有写权限。"));   
  42.     return;   
  43. }   
  44.     
  45. String dirName = request.getParameter("dir");//p_w_picpath   
  46. if (dirName == null) {   
  47.     dirName = "p_w_picpath";   
  48. }   
  49. if(!extMap.containsKey(dirName)){   
  50.     out.println(getError("目录名不正确。"));   
  51.     return;   
  52. }   
  53. //创建文件夹   
  54. savePath += dirName + "/";   
  55. saveUrl += dirName + "/";  
  56. File saveDirFile = new File(savePath);   
  57. if (!saveDirFile.exists()) {   
  58.     saveDirFile.mkdirs();   
  59. }   
  60. SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");   
  61. String ymd = sdf.format(new Date());   
  62. savePath += ymd + "/";  
  63. saveUrl += ymd + "/";  
  64. File dirFile = new File(savePath);   
  65. if (!dirFile.exists()) {   
  66.     dirFile.mkdirs();   
  67. }   
  68. if (!dirFile.isDirectory()) {   
  69.     out.println(getError("上传目录不存在 。"));   
  70.     return;   
  71. }   
  72. //检查目录写入权限   
  73. if (!dirFile.canWrite()) {   
  74.     out.println(getError("上传目录没有写入权限。"));   
  75.     return;   
  76. }   
  77.     
  78.  
  79. MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   
  80. //获得上传的文件名   
  81. String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   
  82. //获得文件过滤器   
  83. File file = wrapper.getFiles("imgFile")[0];   
  84.     
  85. //检查扩展名   
  86. String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   
  87. if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){   
  88.     out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));   
  89.     return;   
  90. }   
  91. //检查文件大小   
  92. if (file.length() > maxSize) {   
  93.         out.println(getError("上传文件大小超过限制。"));   
  94.         return;   
  95. }    
  96.     
  97.     
  98. //重构上传图片的名称    
  99. SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   
  100. String newImgName = df.format(new Date()) + "_"  
  101.                 + new Random().nextInt(1000) + "." + fileExt;   
  102. byte[] buffer = new byte[1024];   
  103. //获取文件输出流   
  104. FileOutputStream fos = new FileOutputStream(savePath +"/" + newImgName);   
  105. //获取内存中当前文件输入流   
  106. InputStream in = new FileInputStream(file);   
  107. try {   
  108.         int num = 0;   
  109.         while ((num = in.read(buffer)) > 0) {   
  110.                 fos.write(buffer, 0, num);   
  111.         }   
  112. } catch (Exception e) {   
  113.         e.printStackTrace(System.err);   
  114. } finally {   
  115.         in.close();   
  116.         fos.close();   
  117. }   
  118. //发送给 KE    
  119. JSONObject obj = new JSONObject();   
  120. obj.put("error", 0);   
  121. obj.put("url", saveUrl +"/" + newImgName);   
  122. ///zswz/attached/p_w_picpath/20111129/  p_w_picpath 20111129195421_593.jpg   
  123. out.println(obj.toJSONString());   
  124. %>   
  125. <%!   
  126. private String getError(String message) {   
  127.     JSONObject obj = new JSONObject();   
  128.     obj.put("error", 1);   
  129.     obj.put("message", message);   
  130.     return obj.toJSONString();   
  131. }   
  132. %>   

 

转载于:https://blog.51cto.com/enetq/1060915

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

解决kindeditor上传图片、文件的错误。 的相关文章

  • kindeditor使用可能遇到的问题

    1 音视频上传不能播放问题 xff08 使用自定义video标签 xff09 更改kindeditor all min js中的 mediaImg方法 function mediaImg blankPath attrs if attrs s
  • Struts2框架下使用Kindeditor上传图片

    之前的项目是用Spring的模式上传Kindeditor图片到服务器 xff0c 但是现在这个项目里面只有Struts2框架所以跟Spring不一样 xff0c 以下为代码 xff1a public Object fileUpload St
  • IIS7 kindeditor 上传文件一直为上传中请稍后

    本问题针对IIS7 43 PHP环境 xff1a 排除kindeditor的上传路径问题后后基本可以确定是PHP INI中的时区设置问题 xff0c 必须设为PRC也就是中国时区 转载于 https www cnblogs com fina
  • 解决kindeditor上传图片、文件的错误。

    项目中使用到了富文本编辑器 xff0c 使用之后感觉非常的棒 xff01 之前使用的是ckeditor xff0c 本次项目打算使用的也是ckeditor xff0c 但是后来有些嵌套表格里面格式的显示的问题实在是比较乱 所以使用了本文介绍
  • kindeditor php 上传错误,kindeditor 上传图片失败,该怎么解决

    本帖最后由 nxgg8 于 2014 05 29 12 44 04 编辑 编辑器版本 xff1a KindEditor 4 1 10 php框架 xff1a ThinkPHP3 2 2 这是html页面中引用编辑器配置 上传图片的时候出问题
  • Kindeditor上传失败问题解决

    xff08 问题关键词 xff1a kindeditor 上传图片失败 kindeditor上传图片成功 xff0c 但是页面上却提示失败 kindeditor得到Json正确 xff0c 确提示失败 xff09 今天又遇到了一个比较无奈的
  • Java FTPClient上传图片

    首先要使用common net的包 xff1a FTP服务器搭建过程 xff1a https mp csdn net postedit 88722082 package com taotao test ftp import java io
  • Kindeditor上传图片成功,但显示上传失败

    这两天遇到一个无奈的问题 xff0c 在用ssm框架编写项目时 xff0c 使用Kindeditor富文本编辑器上传图片时 xff0c 出现一个很奇怪的现象 xff1a 点击上传按钮后 xff0c 显示图片上传失败 xff0c 但查看谷歌的
  • 使用OkHttp上传图片

    简介 上传图片是一个APP的常见功能 xff0c 可以是通过OOS上传到阿里云 xff0c 也可以直接上传到Server后台 xff0c OOS有提供相应的SDK xff0c 此处忽略 下面通过OkHttp来实现图片的上传 代码 直接上代码
  • kindeditor无法正常加载

    今天在给系统某jsp页面添加 kindeditor编辑器时 死活不正常显示 就只显示一个表格高度 可以左右拉伸就是拉不开 在下载下来的文件的example里都可以正常打开 判断原因 应该在我现有的项目里 xff0c 可能是js有冲突之类的
  • KindEditor上传单个图片成功,页面却提示失败 —— 在Chrome新版本中不兼容的解决方案

    不得不说 xff0c 这个所谓的不兼容 xff0c 就是Chrome浏览器搞的鬼啊 我也不知道是我机子上的Chrome浏览器配置有问题还是怎么回事 xff0c 总之记录下来 xff0c 大家可以看看你们是不是也遇到了一样的问题 先上图 1
  • input上传图片

    上传图片这一个功能element plus中虽然有这个组件 xff0c 但是自定义功能这块还是有点麻烦 xff0c 所以自己尝试着写了一个上传图片的组件 如下图所示 xff0c 右边是一个加号 xff0c 点击唤起上传功能 xff0c 左边
  • PHP上传图片 (从html到JS再到php onclick方式提交)

    1 首先form表单必须是post方式提交 xff0c 并且含有enctype 61 34 multipart form data 34 属性 如图 2 JS代码 利用formdata接收html中form表单的数据 利用append将其他
  • 阿里云OSS 上传文件

    阿里云后台管理 API 集成教程 Key 域名的查询 1 查看上传的文件在哪 a 百度阿里云 进入官网 然后进入管理控制台 b 左侧菜单栏 进入对象存储 OSS c 进入 Bucket 管理页面 点击创建的bucket 名称 d 进入buc
  • taro 支付宝/微信小程序的chooseImage真机和开发工具上的区别

    支付宝小程序 微信小程序
  • 【微信小程序】小程序选择图片、上传、预览、删除

    1 了解所需要用到的API 1 1wx chooseImage Object object 从本地相册选择图片或使用相机拍照 参数如下 count 9 最多可以选择的图片张数 sizeType original compressed 所选的
  • 七牛云之微信小程序上传图片

    本节课 我讲的是微信小程序结合七牛云上传图片 仅仅讲如何上传图片并得到图片的云链接 首先 先到官网 https developer qiniu com kodo manual 1205 programming model 了解一下大致的业务
  • 在Springboot使用form上传图片作为头像,之后通过ajax渲染img的src属性显示图片遇到的路径问题处理小技巧

    业务流程大概是这样的 在Springboot框架下 使用form提单提交用户注册信息 包括图片 图片被保存到服务器上 把图片保存的路径作为属性存入数据库 之后 显示用户信息的时候 通过Ajax获取用户信息 将图片的路径赋值给 img 的sr
  • KindEditor在php环境下上传图片功能集成

    KindEditor 是一套开源的在线HTML编辑器 后台可与 Java NET PHP ASP 等程序集成 为实现图文混排的编辑效果 我们通常都会用到编辑器的图片上传功能 本文会简单讲一下KinEditor的基本使用 主要说明如何在php
  • CSDN博文显示图片的方法

    感觉官方应该出一个教程的 不然新手第一次发博文十有八九会发现自己的博文发表之后没有图片 既然官方不给 那么自己摸索咯 参考 http blog csdn net cherish cx article details 52782644 1 编

随机推荐