Ueditor设置虚拟路径上传图片详解

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度UEditor的推出，可以帮助不少网站开发者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本。

在很久之前便使用Ueditor，但对于其中的图片上传功能畏惧如虎，通过自己看前辈大神们的代码还有挚友的建议，经过3个小时，终于可以实现Ueditor上传到项目的文件夹中。但是这样会使得文件越来越大，不便于后期的管理与维护，便把思路变成了如何将上传的图片文件保存到本地硬盘中。下面就是我看了8个小时的文档，并且在源代码中进行了少许的修改，终于可以实现将Ueditor图片上传变为本地硬盘的文件。

如果要实现在项目文件中存储上传的图片文件的话：

只需要在此文件下，修改下面这两行便ok。

大家不要依照我的路径写，我这个是已经修改完虚拟路径之后的，有不懂的可以私信我。

如果要实现在虚拟路径存储Ueditor上传的图片的话：

1.打开源码com/baidu/ueditor/upload/BinaryUploader.java修改代码如下：

这里是取消读取根目录路径，直接获取config.json中配置的系统绝对路径。

2.修改ueditor/jsp/config.json配置文件

上图第一个path是图片访问的url路径。
第二个path是图片存放的绝对路径+文件名。（这里修改后就不能放相对路径）。

3.修改ueditor/dialogs/image/image.js文件

修改这个主要是为了，打开ueditor图片编辑时，将访问img的src属性改为 访问的url路径+文件名

记得将修改的java文件打成jar并替换。

在这个过程中呢，怎么将java文件打成jar并替换呢？

首先需要在my eclipse中创建一个工程，并且包名与jar包中的结构一致，然后将修改好的java文件放入，然后Ctrl+S保存，然后打开工程所在my eclipse 的workspace中的位置

然后打开Web-INF下面的class文件夹，这是已经编译好的class文件，然后将其拷贝到解压后的jar包下面的class下，替换掉原先的class文件

然后在其文件夹，Shift+右键点击所在文件夹，打开当前cmd命令窗口

然后执行命令： jar cvf 所需要转换的jar包名 jar包下的文件夹名称

例如：此图

这样就成功转成了jar包，然后替换掉你所在工程中的jar包，然后buildpath就ok了。

在替换掉jar文件之后，图片上传功能还没有结束，你还需要

你还需要修改ueditor.all.js文件

这样才能实现图片上传到本地硬盘功能，然后回显用虚拟路径显示。

感谢以下前辈大神的博文，虽然我研究了七八个小时才弄懂，如果没有下面前辈的文章，恐怕我这个小白一辈子也弄不懂吧

http://blog.csdn.net/justinytsoft/article/details/61921836

http://blog.csdn.net/justinytsoft/article/details/52538708

http://www.thinkphp.cn/topic/37968.html

http://www.thinkphp.cn/topic/37968.html

http://www.thinkphp.cn/topic/21996.html

http://www.thinkphp.cn/topic/37968.html

http://blog.csdn.net/fmwind/article/details/50284997

http://jingyan.baidu.com/album/48206aeaa41363216bd6b34a.html?picindex=1

https://zhidao.baidu.com/question/2138416239347683828.html

https://zhidao.baidu.com/question/295137403.html

https://zhidao.baidu.com/question/2117727735752203907.html

https://zhidao.baidu.com/question/396665543569598325.html

http://blog.csdn.net/sy19901121/article/details/50378696

http://jingyan.baidu.com/article/64d05a027c4a09de54f73b72.html

http://www.iteye.com/problems/87744

http://jingyan.baidu.com/article/14bd256e272d17bb6d261214.html

https://zhidao.baidu.com/question/2206253350265581788.html

https://zhidao.baidu.com/question/1927556700648727147.html

http://ueditor.baidu.com/website/download.html

http://blog.csdn.net/iemyxie/article/details/17176125

http://blog.csdn.net/hejunpochen/article/details/50930542

http://blog.csdn.net/will_awoke/article/details/39579061

http://blog.csdn.net/will_awoke/article/details/39579061

http://blog.csdn.net/qq_22074635/article/details/50475745