`
snake_hand
  • 浏览: 577118 次
社区版块
存档分类
最新评论

关于Ueditor1.2.5 JSP版本图片上传配置问题(上传图片+在线管理)附带效果图

 
阅读更多

最近给Ueditor的图片上传搞的十分纠结,在网上搜到的不是旧版本1.21的解释,就是配置各种不同。弄了两天终于配好,弄好了就觉得其实很简单,不过很多时候往往如此。觉得有必要发一下分享下心得。

插件下载地址:http://ueditor.baidu.com/website/download.html# 也可以百度直接输入UEDITOR就能找到。

这个是新建的一个Ueditor的项目的目录,把下载的插件拷进项目里面,在ueditor里面新建一个upload文件夹存放上传图片。当然你也可以在其他地方新建这个文件夹。具体配置下面有解释。

发图吧!

 

 

这里主要配置图片上传和图片管理这两个功能。

首先,导入两个包commons-fileupload-1.2.2.jar,ueditor.jar,(不会不知道怎么导吧,把这两个包拷贝到WEB-INF/lib里面。就Ok了。

修改的是editor_config.js

原始文件:

修改后文件:

 

看懂了吧,红线的是添加的路径,为了能够执行imageUp.jsp,黑色的是图片保存后获取返回地址。(上传成功后从通过这个地址获取图片显示)

接着修改imageUp.jsp文件

原文件:

修改后:

就只需要修改下保存的路径,如图黑色下划线;现在图片上传OK了。如果要保存到其他文件夹,在此处修改为你的保存路径即可。

发张成功图片:

Ok,就这么简单。

下面的在线图片管理

首先同图片上传一样修改editor_config.js这个文件;

原图:

如下所示为修改后部分:

接着同样是imageManager.jsp文件修改:

原文件:

 

下面是修改后文件:

 

我觉得有必要说下,这图片在线管理,真的是做这个插件的人的问题了。又或许是我没发现他这样做的意义,因为既然把path这个值通过参数传递过来了。

为何没有在getRealPath()这个函数里面应用,而是通过上面赋值付给realpath那里去组合。看不懂。

大概就是这样了。具体问题,肯定是具体分析。如果遇到各种其他问题。

差点忘了成功图片,嘿嘿!如图:

提供个最简单也最笨也是最好用的办法(个人认为),System.out.print();一下就一目了然了。

注意:

1.如果导包还是会报错无法找到Uploader这个类的话,新建个吧。新建个ueditor包然后把Uploader.java源码拷进去就OK了。

2.JDK记得要用1.5以上版本,不然不能用泛型。(应该没有人用1.4以下的了吧。。。

3.在tomcat里面的upload这个文件夹得权限设置成可读写或者去完全权限吧。(虽然不知道是否影响。因为我是所有都设置好后才成功。

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics