`

Kindeditor 图片上传及多图片上传不支持jsp

    博客分类:
  • js
 
阅读更多

 

    jsp网站在导入Kindeditor文本编辑器后,图片上传功能完全无效。原因是:imageUploadJsonfileManagerJson的参数设置错误,imageUploadJson的默认参数是调用'../../upload_json.php'fileManagerJson的默认参数是调用'../../file_manager_json.php',而如果你使用的是asp,jsp的就会产生"服务器发生故障"的错误。网上提供的方法是在调用kindeditor时在页面中加入以下代码:
"text/javascript">  
        KE.show({  
            id : 'keareatext',  
            imageUploadJson : '../../upload_json.asp',  
            fileManagerJson : '../../file_manager_json.asp',  
            allowFileManager : true,  
            width:'600px',  
            height:'400px'  
        });   
  

但实际上不需要每个页面都做上面的设置,我们可以看到在plugins/image/mage.js中第14行有这样一种代码:

var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../php/upload_json.php' : KE.g[id].imageUploadJson;

filemanage.js中有这样一段代码:

var JSON_URL = '../../php/file_manager_json.php';

var fileManagerJson = (typeof KE.g[id].fileManagerJson == 'undefined') ? JSON_URL : KE.g[id].fileManagerJson;

也就是如果不定义就采用默认的设置,所以我们只要修改此处的代码就可以不要每个页面去设置了。就不会产生服务器发生故障的错误了。

1、如果是asp代码:则修改为:‘../../asp/upload_json.asp’,'../../asp/file_manager_json.asp' 其它语言类似。

2、如果修改了以上代码之后还是产生服务器发生故障””的错误,注意一下看是不是复制的时候代码的编码问题,可将相关代码清除手动输入,而不是直接复制。

 

上传图片路径问题:

1、修改:file_manager_json.asp中的代码:

'根目录路径,可以指定绝对路径,比如 /var/www/attached/
rootPath = "../../../uploadfile/"
'
根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
rootUrl = aspUrl & "../../../uploadfile/"

2、修改upload_json.asp的代码:

'文件保存目录路径
savePath = "../../../uploadfile/"
'
文件保存目录URL
saveUrl = "../../../uploadfile/"
'
定义允许上传的文件扩展名。

    以上只是解决单图片上传问题,如果要解决多图片上传,还必须修改:plugins/image/multiimage.js 中的第14行代码,修改如下:

KindEditor.plugin('multiimage', function(K) {

       var self = this, name = 'multiimage',

              formatUploadUrl = K.undef(self.formatUploadUrl, true),

              uploadJson = K.undef(self.uploadJson, self.basePath + 'jsp/upload_json.asp'),

              imgPath = self.pluginsPath + 'multiimage/images/',

              imageSizeLimit = K.undef(self.imageSizeLimit, '1MB'),

              imageFileTypes = K.undef(self.imageFileTypes, '*.jpg;*.gif;*.png'),

              imageUploadLimit = K.undef(self.imageUploadLimit, 20),

              filePostName = K.undef(self.filePostName, 'imgFile'),

              lang = self.lang(name + '.');

 

self.basePath="http://ip:port/ctx/../kindeditor/"
分享到:
评论

相关推荐

    kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频

    版本4.1.12解决了之前版本中Flash批量上传图片按钮不显示的问题,并且增加了对video视频的支持,使得编辑器更加完善和适应现代网页的需求。 在Flash批量上传图片功能上,KindEditor 4.1.12修复了按钮不显示的bug,...

    KindEditor-4.1.9批量上传图片完整示例(可以上传到image目录下的子目录中,可返回上一级目录,并实现了按名称、大小、类型排序的功能)

    这是本人写的一个基于KindEditor-4.1.9的Java项目,采用Struts2框架,实现了KindEditor单张图片上传、批量图片上传,可以上传到image目录下的子目录中,可返回上一级目录,并实现了按名称、大小、类型排序的功能。...

    jsp实现kindeditor在线编辑器可上传图片,附件源码献上

    4. **返回结果**: 保存文件后,服务器需要返回一个响应告知KindEditor上传的结果。如果成功,可以返回文件的URL,以便编辑器在页面上显示;如果失败,则返回错误信息。 5. **安全考虑**: 上传功能必须考虑到安全性...

    完整版kindeditor修正上传图片问题

    除了图片上传,KindEditor还支持视频上传。配置方法类似,只是需要处理的文件格式不同,并且可能需要更复杂的服务器端处理,如视频编码和转码。 在集成KindEditor到你的Web应用中时,可以根据`demo`文件夹提供的...

    kindeditor(jsp版)视频上传

    5. **编写服务器端处理程序**:使用七牛Java SDK,编写一个Servlet或Controller,接收KindEditor上传的视频文件,通过SDK上传到七牛云,并返回成功信息和视频URL。 6. **前端显示**:KindEditor接收到服务器返回的...

    JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能)

    JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能) 1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤; 2.将图片上传与管理的JSP页面改写成SERVLET,同时去除JSON包; 3.添加图片压缩...

    kindeditor JSP版支持kindeditor4.0.3

    -- 上传图片的宽度,大于此宽度时图片会被压缩(缺省为不限定) --> <param-name>MAX_WIDTH <param-value>500 <!-- 上传图片的高度,大于此高度时图片会被压缩(缺省为不限定) --> <param-name>MAX_HEIGHT ...

    jsp版的kindeditor附件上传组件

    ### jsp版KindEditor附件上传组件详解 #### 一、概述 在当今互联网技术日新月异的时代,富文本编辑器成为了网站开发中不可或缺的一部分。其中,KindEditor是一款功能强大且易于使用的富文本编辑器,它支持多种...

    JSP kindeditor编辑器使用,能上传图片,解决乱码问题

    在本文中,我们将深入探讨如何在JSP环境中使用KindEditor编辑器,以及如何解决与上传图片和乱码问题相关的挑战。KindEditor是一款功能强大的HTML在线编辑器,它为用户提供了一个类似Word的界面来编辑网页内容。以下...

    kindeditor jsp 上传附件版

    2. **JSP文件上传处理**:`upload_json.jsp`是上传的核心部分,它需要处理HTTP的POST请求,读取上传的文件数据,将其保存到服务器指定的目录,并返回一个JSON格式的响应,告诉KindEditor上传是否成功以及新文件的URL...

    kindeditor图片上传

    为了支持图片上传,我们需要修改KindEditor的`image.js`插件。在`kindeditor-4.1.10/plugins/image`目录下,找到`image.js`文件,将默认的PHP上传处理路径`php/upload_php`更改为`jsp/upload_json.jsp`。 接着,...

    基于自制WEB服务器的网站kindeditor成功多图片上传示例.zip

    易语言使用kindeditor进行图片单个和图片批量上传示例,同时也是除了ASP、php、JSP和NET等之外的自制WEB服务器程序使用kindeditor的示例。E2EE、E4A、易语言、TCP服务器、火山编程、光速网络引擎、星光极速、利快云...

    kindeditor添加本地上传flash功能

    KindEditor是一款广泛使用的开源在线文本编辑器,它提供了丰富的富文本编辑功能,如文本格式化、图片上传、视频插入等。然而,原版的KindEditor并不包含本地上传Flash的功能,这意味着用户无法直接在编辑器中上传并...

    kindeditor jsp示例源码(包含上传文件)

    此示例源码中,服务器端部分可能包含一个Servlet或Controller,用于接收KindEditor上传的文件。文件会被临时保存在服务器的某个目录下,然后返回一个JSON响应。JSP和Servlet之间的交互通常使用HTTP请求,通过POST...

    kindeditor图片删除功能

    在使用KindEditor时,用户可能会遇到上传图片后无法删除的问题。这个问题通常是由于编辑器的源代码中删除功能未被正确实现或配置不当导致的。针对这个情况,我们需要对KindEditor进行一定的修改来启用图片的删除功能...

    jsp+kindeditor html 页面编辑

    KindEditor支持图片上传和文件管理功能。在配置中指定`uploadJson`和`fileManagerJson`,分别指向处理图片上传和文件管理的服务器端接口。在服务器端,你需要编写对应的Servlet或Controller来接收请求,处理文件的...

    kindeditor编辑器jsp版

    KindEditor支持本地图片和附件上传。在服务器端,开发者通常需要编写Java代码来处理上传请求,包括文件的接收、保存路径的设定、文件类型检查以及大小限制等。可以使用Servlet或Spring MVC等框架来完成这部分工作。...

    Kindeditor多图上传更新包解决不支持falsh

    随着技术的发展,Adobe Flash已经不再被维护,这导致了在一些现代浏览器中Kindeditor的多图上传功能可能无法正常工作,因为这些浏览器不再支持Flash。为了解决这个问题,我们需要对Kindeditor进行更新,使其能够兼容...

    使用kindeditor编辑器上传文件demo

    除了基本的文件上传,KindEditor还支持多种功能,如图片预览、视频插入、代码高亮等。例如,通过设置`items`参数,你可以选择编辑器显示哪些工具栏按钮。如果`KindEditorDemo`包含示例代码,那么你可以参考这些代码...

    KindEditor+jsp

    1. **图片上传**:KindEditor支持图片上传功能,可以配置图片上传的URL,服务器端需要处理接收图片文件的请求,并返回图片的URL,以便编辑器可以显示图片。 2. **文件管理**:除了图片,还可以配置上传视频、附件等...

Global site tag (gtag.js) - Google Analytics