我的项目结构如下图
1、导入ueditor代码包之后部分js文件出现错误
这个是因为我下载的是utf-8编码的,但是我将外面的ueditor文件夹编码格式修改成utf-8之后还是不行。最后是把ueditor下面的文件全部删除,将ueditor先修改成utf-8格式的编码,然后再倒入ueditor代码包就没有问题了。
2、将ueditor中的lib下的jar包放到项目的lib下并引入。
3、一些配置如下图
修改红色箭头的地方的值,uploadImageUE是我们自己写的图片上传的servlet,替换掉默认的上传的后台。
替换默认的上传后台需要再jsp或者js中加入下面的代码。
否则只修改了imageActionName的值而在jsp或js中不加入下面的代码,上传图片会报无效的Action错误,因为他找不到对应的Action了,需要我们自己写代码作下判断,覆盖默认的请求地址。
<span class="pln" style="color:#ffffff;">UE</span><span class="pun" style="color:#ffffff;">.</span><span class="typ" style="color:#98fb98;">Editor</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">prototype</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">_bkGetActionUrl </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> UE</span><span class="pun" style="color:#ffffff;">.</span><span class="typ" style="color:#98fb98;">Editor</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">prototype</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">getActionUrl</span><span class="pun" style="color:#ffffff;">;</span><span class="pln" style="color:#ffffff;">
UE</span><span class="pun" style="color:#ffffff;">.</span><span class="typ" style="color:#98fb98;">Editor</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">prototype</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">getActionUrl </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">function</span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">action</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
</span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">if</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">action </span><span class="pun" style="color:#ffffff;">==</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'uploadimage'</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">||</span><span class="pln" style="color:#ffffff;"> action </span><span class="pun" style="color:#ffffff;">==</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'uploadscrawl'</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">||</span><span class="pln" style="color:#ffffff;"> action </span><span class="pun" style="color:#ffffff;">==</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'uploadimage'</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
</span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">return</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'http://a.b.com/upload.php'</span><span class="pun" style="color:#ffffff;">;</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">else</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">if</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">action </span><span class="pun" style="color:#ffffff;">==</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'uploadvideo'</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
</span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">return</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'http://a.b.com/video.php'</span><span class="pun" style="color:#ffffff;">;</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">else</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
</span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">return</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">this</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">_bkGetActionUrl</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">call</span><span class="pun" style="color:#ffffff;">(</span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">this</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> action</span><span class="pun" style="color:#ffffff;">);</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">}</span>
我的文件中写的如下图:
4、上传到后台之后,返回给前台的json格式如下:
:" http://image.zhaoworong.com/upload/news_content/4565/0579/news_content_3690037515.jpg","size":1890}
<span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
</span><span class="str" style="color:#ffa0a0;">"state"</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"SUCCESS"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
</span><span class="str" style="color:#ffa0a0;">"url"</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"upload/demo.jpg"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
</span><span class="str" style="color:#ffa0a0;">"title"</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"demo.jpg"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
</span><span class="str" style="color:#ffa0a0;">"original"</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"demo.jpg"</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">}</span>
5、后端配置项没有正常加载,上传插件不能正常使用
1、确认config.json里面的 imagePathFormat 这个路径正确;
2、确认在web-inf下面的lib中已导入Ueditor的jar包和文件上传相关的jar包。
我遇到的情况是2,也就是没有导入jar包,因为项目中有一些jar包,因此就没有导入,发现不行。使用ue中的jar则没有问题了。
还会有其他原因,视情况而找原因和答案。
6、在web.xml中配置下新的servlet请求映射
<servlet>
<servlet-name>UploadImageUEServlet</servlet-name>
<servlet-class>com.ue.UploadImageUEServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UploadImageUEServlet</servlet-name>
<url-pattern>/uploadImageUE</url-pattern>
</servlet-mapping>
最后,可以参考下这个博客http://blog.sina.com.cn/s/blog_8d960c4c0102v468.html