解决Ueditor编辑器图片保存路径问题
解决Ueditor编辑器上传图片的路径问题
之前发表过一篇Ueditor编辑器的配置以及使用的教程:
http://blog.csdn.net/gfd54gd5f46/article/details/60887313
这篇文章是对Ueditor编辑器图片上传保存的优化。
遇到的问题:
- 用Eclipse开发WEB项目的时候,使用到了Ueditor上传图片的功能,插件会自动将上传的图片保存在Eclipse工作目录下,这种保存的方式非常不利于后续对图片的操作(管理),这时我们就要修改Ueditor的源码,解决上传图片时的路径问题。
官方文档:http://fex.baidu.com/ueditor/
在线API文档:http://ueditor.baidu.com/doc/
GitHub地址:https://github.com/fex-team/ueditor
1、下载ueditor源码并引用到工程
将jsp/src/目录下的所有文件拷贝到你的工程下
目录视图
将ueditor-1.1.2.jar删除,只引用前四个jar包
2、修改Tomcat服务器配置,添加图片映射路径
在tomcat中添加图片的绝对路径和图片访问虚拟路径
修改config.json
配置文件,访问路径填写刚配置的虚拟目录
3、创建配置文件(可省略)
在src目录下创建config.properties
,存放图片路径
读配置文件的目的是为了动态修改保存路径,可以更方便的管理图片
创建ConfigUtil.java
类,用于读取配置文件
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.Properties;/*** 用于读取配置文件* @author LingDu*/
public class ConfigUtil {private static Properties pro;static{pro=new Properties();//默认从类的所在包目录开始查找资源文件//如果要classpath的根目录开始找,必须加上//*InputStream input=PropertiesUtil.class.getResourceAsStream("/config.properties");*///默认从classspath的根目录开始查找资源文件InputStream input=ConfigUtil.class.getClassLoader().getResourceAsStream("config.properties");try {pro.load(new InputStreamReader(input,"UTF-8"));} catch (IOException e) {e.printStackTrace();}finally{if(input!=null){try {input.close();} catch (IOException e) {e.printStackTrace();}}}}public static String get(String key){return pro.getProperty(key);}public static int getInt(String key){return Integer.parseInt(pro.getProperty(key));}}
4、修改源码(修改图片保存路径)
选中项目,使用Eclipse文件搜索功能
搜索 physicalPath
找到在3个类中使用到了 physicalPath
这里有3个类的是要修改源码的
//注释掉原来的路径代码
//String physicalPath = this.rootPath + savePath;
- 使用自定义的路径(这个路径是通过配置文件读取的,相当于取代源码中的
this.savePath
)
注意:ConfigUtil.get("savepath")
,字段名必须一样,否则读取不了
ImageHunter.java
Base64Uploader.java
BinaryUploader.java
5、测试:
往编辑器添加一张图片
再来看看图片保存目录
通过改源码的方式就能成功对图片进行统一管理了。
6、在strtus中使用Ueditor编辑器需要注意
如果配置文件中配置了过滤所有的请求,需要将其设置成只过滤.action
的请求,否则导致文件保存不成功的情况。
解决Ueditor编辑器图片保存路径问题相关推荐
- 解决ueditor编辑器图片在线管理图片无法显示
使用ueditor,点击在线管理,服务器图片路径显示不正确,如下图所示 查看源码,如下: 发现图片src中中间多了一长串的项目跟路径,解决的办法是 把 jsp/controller.jsp 里面 ...
- Ueditor编辑器图片上传
Ueditor编辑器图片上传 UEditor的图片上传采用了Flash上传的方式,在功能上支持批量.本地预览和实时进度提示,在界面上支持自定义背景.上传按钮和预览框等视觉元素的样式属性,基本能够满足各 ...
- ueditor编辑器php上传配置,Ueditor编辑器图片上传自定义配置
U需朋者说上事是础一发一开程和开数的目前间editor图片上传自新直能分支调二浏页器朋代说,事刚定义配置 不使用自带后遇新是直朋能到分览台配置 1开进架触我法端位画近发行思发们识和移的近.加载Uedi ...
- ***解决UEditor编辑器无法插入第三方视频地址
转:http://blog.csdn.net/qq_16241043/article/details/53894847 xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_ur ...
- ueditor编辑器图片自定义存放目录及路径修改
百度编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会 ...
- ueditor编辑器php上传配置,php版本UEditor编辑器图片上传设置
"savePath" => "../../upload/" , //保存路径 注意,这里远程抓取的图片保存在了upload根目录下, ...
- ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法...
UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法 使用ueditor编辑器,附件默认在ueditor/php/upload/, 我的附件地址是网站根目录下/data/u ...
- 百度ueditor富文本--图片保存路径的配置以及上传到远程服务器
我们在上篇文章中学习了 上传图片的配置: 百度ueditor富文本--配置图片上传 在文章的最后 讲到 ueditor 默认设置的 保存图片的 路径 是相对路径,项目相关的. 保存的图片会放在to ...
- 百度UEditor编辑器关闭抓取远程图片功能(默认开启)
2019独角兽企业重金招聘Python工程师标准>>> 这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白 ...
最新文章
- java dagger2_java – Dagger2不生成Daggercomponent类
- 深入理解SERDES接口
- 黄聪:buffer overflow detected问题解决及gcc-4.1安装
- 函数式编程filter、map、reduce
- mysql如何建立索引workbench_如何对MySQL索引进行优化分析
- JavaOne 2012:掌握Java部署
- 诗与远方:无题(十九)
- bzoj 1034: [ZJOI2008]泡泡堂BNB(贪心)
- pycharm怎么修改python路径
- 卸载office 2003出现pro11.msi
- Python可视化——随机漫步
- HTML基础--标签VSCode常用快捷方式和插件
- 第一世界的年轻人追求的是房子还是别的?
- Laravel中使用SweetAlert美化提示框Alert
- DataList和ListView数据控件的使用
- OpenCv-C++-KAZE(AKAZE)局部特征检测(一)
- AI Studio 飞桨 零基础入门深度学习笔记1-深度学习的定义
- Oracle查询CLOB类型字段的内容:
- android系统应用的平台化开发
- Android编译出现com.android.dex.DexIndexOverflowException: method ID not in [0, 0xffff]: 65536错误解决办法