ueditor1_4_3-utf8-jsp 配置实现上传图片的功能遇到的问题，改变图片上传请求地址

我的项目结构如下图

   

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格式如下：

 {"title":"upfile","original":"news_content_9266655998.jpg","state":"SUCCESS","type":"image/jpeg","url"
:"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