服务器集群Ueditor1.4.3上传文件的跨域设置

来源：互联网发布：诺一夏天知乎编辑：程序博客网时间：2024/06/11 09:53

服务器集群时，可以把图片或者文件统一上传到固定的服务器。

1.jsp/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" );

//跨域时需要设置http头信息以返回参数给源地址
response.addHeader("Access-Control-Allow-Origin", "*");
response.addHeader("Access-Control-Allow-Headers", "X-Requested-With,X_Requested_With");

    response.setHeader("Content-Type" , "text/html");

    String rootPath = application.getRealPath( "/" );

    out.write( new ActionEnter( request, rootPath ).exec() );

%>

2.ueditor.config.js，设置上传的服务器地址

(function () {

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

    /**
     * 配置项主体。注意，此处所有涉及到路径的配置别遗漏URL变量。
     */
    window.UEDITOR_CONFIG = {

//为编辑器实例添加一个路径，这个不能被注释
UEDITOR_HOME_URL: URL

        // 服务器统一请求接口路径
//        , serverUrl: URL + "jsp/controller.jsp"
        //"src/main/webapp/jslib/plugins/ueditor/jsp/controller.jsp"
        //跨域不支持单图上传
        , serverUrl: http://172.16.224.4:8081/manager/jslib/plugins/ueditor/jsp/controller.jsp

3.jsp/config.json，设置显示路径

"imageUrlPrefix": "http://172.16.224.4:8081/manager", /* 图片访问路径前缀 */

视频还有其他类型的文件的前缀类似一起修改

0 1