百度富文本UEditor趟坑之路之图片上传不显示

百度富文本UEditor趟坑之路之图片上传不显示

能看到这篇文章的都知道UEditor的优点和用处了，我就不多赘述，废话少说，趟坑之路走起；(本文只涉及图片上传显示问题，说UEditor坑多，说到底还是我太菜哈哈。)：

                       

声明：本人版本  UEditor  1.4.3 UTF-8 Java版

1.使用UEditor请首先阅读官方文档，在项目配置好UEditor,并能访问  controller.jsp?action=config；

2.坑一、单图片插入，不显示图片:

   坑二、多图上传不显示图片；

   坑三、多图在线管理不显示；

不一一赘述，把我修改过的文件都表示出来，以供大家参考：

首先是 ueditor.config.js

 /**
     * 编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。
     * 鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
     * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
     * 如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。
     * 因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。
     * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
     */
	
    /**var URL = window.UEDITOR_HOME_URL || getUEBasePath();*/
	var URL ="/traffic/ueditor/";/**修改上述文件为"/项目名/ueditor目录名(指到ueditor目录)"*/
   

然后controller.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	import="com.baidu.ueditor.ActionEnter"
    pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%

    request.setCharacterEncoding( "utf-8" );
	response.setHeader("Content-Type" , "text/html");
	
	String rootPath = application.getRealPath( "/" );
	String action = request.getParameter("action");
	String result = new ActionEnter( request, rootPath ).exec();
	if( action!=null && 
	   (action.equals("listfile") || action.equals("listimage") ) ){
	    rootPath = rootPath.replace("\\", "/");
	    result = result.replaceAll(rootPath, "");
	}
	out.write( result );
	/* out.write( new ActionEnter( request, rootPath ).exec() ); */
	
%>

还有config.json 

  /* 列出指定目录下的图片 */
    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
    "imageManagerListPath": "/ueditor/jsp/upload/image/", /* 指定要列出图片的目录 */
    "imageManagerListSize": 20, /* 每次列出文件数量 */
    "imageManagerUrlPrefix": "/traffic/", /* 图片访问路径前缀 */
    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */

我就配置了这么多，仅供网友参考，如有好的解决方案，欢迎告知，谢谢。