kindeditor 上传错误单图一直显示上传 多图没事

来源：蜘蛛抓取(WebSpider) 时间：2018-04-12 08:30 标签： kindeditor 上传附件
热门关键字：
> 解决KindEditor上传图片目录不存在问题
解决KindEditor上传图片目录不存在问题
作者：管理员发布时间： 16:29:09评论数：0
转载请自觉注明原文：
今天重新建了一个项目，把原来项目的基本结构拷贝了过来，奇怪的是原来的项目使用KindEditor编辑器上传图片正常，到了新的项目就一直提示上传的目录不存在错误，找了很久也没有发现问题所以，主要就upload_json.jsp和file_manager_json.jsp两个文件的两个变量：
1、根目录路径，可以指定绝对路径，比如 /var/www/attached/
String rootPath = pageContext.getServletContext().getRealPath("/") + "attached/";
2、根目录URL，可以指定绝对路径，比如 http://www.yoursite.com/attached/
String rootUrl &= request.getContextPath() + "/attached/";
最后将其改成：
//文件保存目录路径
String savePath = pageContext.getServletContext().getRealPath("/") + "attached\\";
//文件保存目录URL
String saveUrl &= request.getContextPath() + "\\attached\\";
这样就解决了上传目录不存在的问题，希望对大家有帮助
如果您觉得本文的内容对您的学习有所帮助：
相关文章：5606人阅读
开源项目（35）
关于kindeditor编辑器上传按钮的异步加载最关键的部署问题，它的上传图片的组件都已经封装得很好了的，只需要监听到页面按钮的点击事件给编辑器对象传递一些对应的初始化参数即可显示图片上传的弹窗实现异步上传图片的效果。下面我们就来聊一聊相关的部署细节：
1、kindeditor编辑器的图片上传有两种途径：本地图片上传和网络图片添加；
2、首先我们页面内需要放置一个文本框用于存放图片路径；
type="text" id="url" value="" /&
3、其次我们需要放置一个触发弹出图片上传框的按钮；
type="button" id="image" value="选择图片" /&
4、为了我们能够触发按钮弹出图片上传框，所以我们需要在页面内的head内引入相关的js文件
src="../kindeditor.js"&&/script&
src="../lang/zh_CN.js"&&/script&
第一个js文件是kindeditor编辑器核心js文件，必须有；第二个是汉化包，没有也可以，无非是英文界面和菜单不会影响操作。
5、页面初始的时候给按钮绑定click事件
01.KindEditor.ready(function(K)
02.var editor
= K.editor({
03.allowFileManager
06.K('#image').click(function()
07.alert("你点我了!");
这样当我们运行页面后，点击“选择图片”的按钮就会弹出“你点我了!"的弹出消息提示，说明按钮事件监听已经ok。
6、接下来我们就是要在按钮触发后如何才能够弹出框呢？我们需要调用kindeditor编辑器的一些相应的方法和给予一些初始化的参数即可：
01.K('#image').click(function()
02.editor.loadPlugin('image', function()
04.editor.plugin.imageDialog({
05.imageUrl
: K('#url').val(),
07.clickFn
: function(url,
title, width, height, border, align) {
08.K('#url').val(url);
09.editor.hideDialog();
这里我们将会看到弹窗的窗体内可以进行本体图片和网络图片上传。
如果我们只允许本地图片上传，我们可以在初始化弹窗的是配置一个参数：
1.editor.loadPlugin('image', function()
2.editor.plugin.imageDialog({
3.showRemote
为什么这里不配置开启本地图片上传呢？因为默认情况下就是开启的。如果只允许进行网络图片添加，那么可以配置这个参数：
1.editor.loadPlugin('image', function()
2.editor.plugin.imageDialog({
3.showLocal
7、如何将kindeditor编辑器和单独的图片上传页面上进行分开但是配置进行同一融合呢？
这个问题其实不难，只要你了解了上面的一些配置，能够保证两者相互独立即可，这里提供一个完整的示例代码：
02.KindEditor.ready(function (K)
= K.create('textarea[name="content"]',
05.resizeType:
06.fullscreenMode:
07.designMode:
08.allowPreviewEmoticons: false,
09.allowImageUpload: true,
10.allowFileManager: true
13.K('#image').click(function ()
14.editor.loadPlugin('image', function ()
15.editor.plugin.imageDialog({
16.imageUrl:
K('#url').val(),
17.clickFn: function (url,
title, width, height, border, align) {
18.K('#url').val(url);
19.editor.hideDialog();
页面配置为：
type="text" id="url" value="" /&
type="button" id="image" value="选择图片" /&（网络图片
+ 本地上传）
5.&!--编辑器容器--&
6.&textarea
name="content" style="width:
700 height: 200 "&&/textarea&博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 kindeditor 上传附件 的文章

 

随机推荐