最近给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这个文件夹得权限设置成可读写或者去完全权限吧。(虽然不知道是否影响。因为我是所有都设置好后才成功。
相关推荐
前天我项目中要用到文本编辑,然后看大家都在使用ueditor ...如图片无法显示、图片上传后插入文本中无法显示、 在线管理中的图片无法显示等问题。发现网上的资料都不完整,现整理了下,后期会上传项目代码方便大家参考
ueditor 1.2.5 ASP版
关于jsp版ueditor1.2.5的部分问题解决(上传图片失败).docx
关于ueditor的基本配置、以及图片上传、文件上传的配置方法,附图
ueditor1.4.3 富文本插件完美使用,搭建后可以直接上传图片以及多图片上传回显。主要的配置在config.json。可以查看官网ip,一般人出问题都是在config.json,或者不知道案例文件该怎么放,放哪里。
基于springboot完整的实现了ueditor前后台的代码,只要你稍微了解一点ueditor就可以了,下来后直接导入开发工具中运行就行了
针对struct2下ueditor jsp1.3.5版本上传图片的配置
作者 配置一步,编写一步,有图有真相。简单易懂。
UEditor1.2.4-jsp版配置(上传图片+附件+表情本地化) word文档形式,详细讲解,附有图片及必要代码,通俗易懂。
ueditor1.2.5ASP 修改版 完美测试 本人亲测所有功能都能用 包括图片上传 百度APP 涂鸦 图片管理 远程抓取等等全部可以用
ueditor eclipse例子,可上传图片。
前后端分离 解决ueditor上传图片时的跨域问题 自定义图片上传插件,文件服务器与富文本可以单独部署
Ueditor 1.4.3 Net上传图片文件配置Demo 可直接使用。
ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传
一直没招到最新版的jsp demo 花了点时间自己琢磨下 给大家分享下
百度ueditor支持本地与FTP上传图片
主要介绍大家在使用jsp版ueditor1.2.5的碰到的一些问题解决方法,需要的朋友可以参考下
百度富文本框(Ueditor)自定义图片上传接口,并解决单图片上传的跨域问题,Ueditor官方说不支持跨域上传,我想说呵呵o(* ̄︶ ̄*)o
刚刚接触UEditor,想找一个可运行的jsp版本,网上下载很多,浪费了20多分,依然不行啊。后来自己按照网上的文档一步一步添加,终于可行。现在可以上传图片、文字和视频,后期准备添加音频,加油
真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题