ueditor远程访问中设置上传文件以http开头的绝对路径

   ueditor1.24版本出来了,挺好的,但要会用。吐个糟,ueditor那些个什么讨论群,真是扯淡,除了调侃,没其它事儿了,别人问个事儿 问半天,没个人回答。经常看到些新手,叫些大神什么,才有人冒出来说两句,真是好笑。虽然本人进了那个什么鸟群,还是果断开开屏蔽消息,免得各种无聊信息,骚扰心情。

   今天遇到个问题,两个工程,一个是服务端,后台发布系统,发布信息用ueditor发布。一个是客户端,前台向后台拉取数据。但有一个问题就是,你ueditor上传文件的时候,你的路径保存的是相对路径,尽管你设置如下:window.UEDITOR_HOME_URL="/weiwo/ueditor/";  但依然是相对于工程的绝对路径,从另外一个工程访问这些资源(假设两个工程布在不同的机器上),这样是没办法正确访问的,只有通过http://localhost:8080这样的绝对路径才能访问,今天群里问了半天,没人回答,还遇到些无聊调侃的,后来果断自己解决。目前已经解决,如下:


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


   请注意上面这段话,其实很有用的,记得多看几遍,当然,跟本文讲的没多大关系,我是想说,如果你只是通过本地访问,没有必要用我以下这种方式,用上面的方式即可。

   我采用的方式的思想是,在文件上传成功,注入html代码到页面时,改变它的链接地址,这样即可以上传成功,也可以访问。ueditor已经提供了这样的配置。

 首先,我们配置个总的路径


window.UEDITOR_HOME_URL="/weiwo/ueditor/";


   这是将编辑器的路径指向工程的哪个目录,供内部引用。


    /**
     * 此处配置写法适用于UEditor小组成员开发使用,外部部署用户请按照上述说明方式配置即可,建议保留下面两行,以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。
     */
  27  var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;
  28  URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)
   29  var URL0 = "http://192.168.1.100:8081";


    请注意,27、28行请不要修改,按它建议的保留。我们加个外部变量,URL0来保存我们的远程访问地址,如29行。


   请注意,我们需要把所有上传的配置,将它们的修正地址改为我们现有的地址即URL0+URL,处理地址请不要改变。

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


        //图片上传配置区
        ,imageUrl:URL+"jsp/imageUp.jsp"             //图片上传提交地址
        ,imagePath:URL0 + URL + "jsp/"                     //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
       //,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
        //,compressSide:0                            //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
        //,maxImageSideLength:900                    //上传图片最大允许的边长,超过会自动等比缩放,不缩放就设置一个比较大的值,更多设置在image.html中


        //涂鸦图片配置区
        ,scrawlUrl:URL+"jsp/scrawlUp.jsp"           //涂鸦上传地址
        ,scrawlPath:URL0 + URL+"jsp/"                            //图片修正地址,同imagePath


        //附件上传配置区
        ,fileUrl:URL+"jsp/fileUp.jsp"               //附件上传提交地址
        ,filePath:URL0 + URL + "jsp/"                   //附件修正地址,同imagePath
        //,fileFieldName:"upfile"                    //附件提交的表单名,若此处修改,需要在后台对应文件修改对应参数


         //远程抓取配置区
        //,catchRemoteImageEnable:true               //是否开启远程图片抓取,默认开启
        ,catcherUrl:URL +"jsp/getRemoteImage.jsp"   //处理远程图片抓取的地址
        ,catcherPath:URL0 + URL + "jsp/"                  //图片修正地址,同imagePath
        //,catchFieldName:"upfile"                   //提交到后台远程图片uri合集,若此处修改,需要在后台对应文件修改对应参数
        //,separater:'ue_separate_ue'               //提交至后台的远程图片地址字符串分隔符
        //,localDomain:[]                            //本地顶级域名,当开启远程图片抓取时,除此之外的所有其它域名下的图片都将被抓取到本地,默认不抓取127.0.0.1和localhost


        //图片在线管理配置区
        ,imageManagerUrl:URL + "jsp/imageManager.jsp"       //图片在线管理的处理地址
        ,imageManagerPath:URL0 + URL + "jsp/"                                    //图片修正地址,同imagePath


        //屏幕截图配置区
        ,snapscreenHost: '127.0.0.1'                                  //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
        ,snapscreenServerUrl: URL +"jsp/imageUp.jsp" //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/jsp/snapImgUp.jsp"”
        ,snapscreenPath: URL0 + URL + "jsp/"
        //,snapscreenServerPort: 80                                    //屏幕截图的server端端口
        //,snapscreenImgAlign: 'center'                                //截图的图片默认的排版方式


        //word转存配置区
        ,wordImageUrl:URL + "jsp/imageUp.jsp"             //word转存提交地址
        ,wordImagePath:URL0 + URL + "jsp/"                       //
        //,wordImageFieldName:"upfile"                     //word转存表单名若此处修改,需要在后台对应文件修改对应参数


        //获取视频数据的地址
        ,getMovieUrl:URL0 + URL+"jsp/getMovie.jsp"                   //视频数据获取地址

好了,现在配置完成。页面引用不变。

    url0请不要用http://localhost... 这样的,因为你用localhost,它写入html时,也是localhost,别人访问,只会访问他的本地,然后这是服务器上的,并不是它机器上的,所以请用自己的ip或者域名。

相关文章
相关标签/搜索