Ueditor图片上传设置(1.4.3 JSP版本)

转载 2015年07月10日 13:14:31

最近研究了一下Ueditor,发现图片上传功能不能直接使用,需要修改一些东西,记下来以备参考。

1. 修改com.baidu.ueditor.hunter.FileManager类下的一个方法,修改如下:

源代码:

private String getPath ( File file ) {
String path = file.getAbsolutePath();
return path.replace( this.rootPath, "/" );
}

修改为:

private String getPath ( File file ) {
   String path = file.getAbsolutePath();
   String str=path.replace(this.rootPath.replaceAll("\\/", "\\\\"), "\\" );
   return str;
}

(此处如果不修改,会导致“在线管理”下的图片不能显示)


2. 修改image.js文件,有两处的图片地址设置有问题,这里导致的问题是上传的图片在编辑器中不能显示图片。

(1):需要自定义一个方法,获取当前项目的地址(方法比较笨,可自行修改)

function getRootPath(){
        //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
        var curWwwPath=window.document.location.href;
        var pathName=window.document.location.pathname;
        var pos=curWwwPath.indexOf(pathName);
        var localhostPaht=curWwwPath.substring(0,pos);
        var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
        return localhostPaht + projectName;
    }

(2)分别在以下两个地方添加刚才获取的项目地址

约775行:

src: getRootPath() + prefix + data.url,
_src: getRootPath() + prefix + data.url,


约912行

img.setAttribute('src', getRootPath() + urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) );
 img.setAttribute('_src', getRootPath() + urlPrefix + list[i].url);

相关文章推荐

ueditor 1.4.3 图片上传配置注意事项

经过几天的研究熟悉了百度Ueditor 富文本

UEditor配置:图片上传和文件上传独立使用方法,兼容最新版 UEditor 1.4.3

UEditor配置:图片上传和文件上传独立使用方法,兼容最新版 UEditor 1.4.3 查看次数:6037更新时间:2013-06-19发布时间:2013-06-19收藏 使用 UEditor ...

UEditor配置:图片上传和文件上传独立使用方法,兼容最新版 UEditor 1.4.3

UEditor配置:图片上传和文件上传独立使用方法,兼容最新版 UEditor 1.4.3 使用 UEditor 编辑器自带的插件实现图片上传和文件上传功能,这里通过配置 UEditor 单独使用...

UEditor图片上传保存位置的修改(JSP)

UEditor图片上传保存位置的修改 UEditor上传 Ueditor ueditor 百度富文本编辑器上传 百度富文本编辑器...

在jsp页面中添加富文本编译器(ueditor)+ 图片上传功能

一次老大让我把文本的编辑区域加一个富文本编译器,于是马上下载了一个kindEditor来试试,但后来老大推荐说百度的ueditor编译器不错,于是我便怀着扩展知识,又学到一个新东西的心理下载了百度的u...

百度编辑器UEditor 图片上传到资源服务器 JSP(将重新整理)

最近学习UEditor,开始的时候以为很简单,但是等到需要将图片和资源上传到资源服务器的时候发现遇到很多问题,所以现在学习总结一下,整理思路,这篇文章需要持续修改。本文基于spring框架开发 一、下...

UEditor进阶:修改图片上传的方式(JSP版)

当大家使用了UEditor之后,会发现其自带的图片上传方法只能存在项目当中,每当项目重新发布,之前的数据就无法自动保存。这个时候就需要我们修改图片上传方式,将图片保存在数据库或电脑的其他地方,从而解决...
  • death05
  • death05
  • 2016年11月16日 20:18
  • 2826

低版本net项目使用ueditor 图片上传配置

写着玩,不喜勿喷 1.开发工具vs2010 * UEditor Mini版本  version: 1.2.2 最近碰到这样一个问题,可能因为项目版本太低,下载最新的ueditor(1....

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

我的项目结构如下图                                                                                           ...

ueditor1.4.3配置过程(包含单独上传文件以及图片的使用)

这里使用的是ueditor1.4.3的jsp版本的UTF-8版本. 首先下载相应的ueditor,将ueditor文件夹直接拷贝到项目中,文件结构如下所示: 然后将项目要用的jar包导入到li...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ueditor图片上传设置(1.4.3 JSP版本)
举报原因:
原因补充:

(最多只允许输入30个字)