解決Ueditor編輯器上傳圖片的路徑問(wèn)題
之前發(fā)表過(guò)一篇Ueditor編輯器的配置以及使用的教程:
這篇文章是對(duì)Ueditor編輯器圖片上傳保存的優(yōu)化。
遇到的問(wèn)題:
在線API文檔:http://ueditor.baidu.com/doc/
GitHub地址:https://github.com/fex-team/ueditor
將jsp/src/目錄下的所有文件拷貝到你的工程下
目錄視圖
將ueditor-1.1.2.jar刪除,只引用前四個(gè)jar包
在tomcat中添加圖片的絕對(duì)路徑和圖片訪問(wèn)虛擬路徑
修改config.json
配置文件,訪問(wèn)路徑填寫(xiě)剛配置的虛擬目錄
在src目錄下創(chuàng)建config.properties
,存放圖片路徑
讀配置文件的目的是為了動(dòng)態(tài)修改保存路徑,可以更方便的管理圖片
創(chuàng)建ConfigUtil.java
類(lèi),用于讀取配置文件
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(); //默認(rèn)從類(lèi)的所在包目錄開(kāi)始查找資源文件 //如果要classpath的根目錄開(kāi)始找,必須加上/ /*InputStream input=PropertiesUtil.class. getResourceAsStream("/config.properties");*/ //默認(rèn)從classspath的根目錄開(kāi)始查找資源文件 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)); }}
選中項(xiàng)目,使用Eclipse文件搜索功能
搜索 physicalPath
找到在3個(gè)類(lèi)中使用到了 physicalPath
這里有3個(gè)類(lèi)的是要修改源碼的
//注釋掉原來(lái)的路徑代碼//String physicalPath = this.rootPath + savePath;
this.savePath
)
注意:ConfigUtil.get("savepath")
,字段名必須一樣,否則讀取不了
ImageHunter.java
Base64Uploader.java
BinaryUploader.java
往編輯器添加一張圖片
再來(lái)看看圖片保存目錄
通過(guò)改源碼的方式就能成功對(duì)圖片進(jìn)行統(tǒng)一管理了。
如果配置文件中配置了過(guò)濾所有的請(qǐng)求,需要將其設(shè)置成只過(guò)濾.action
的請(qǐng)求,否則導(dǎo)致文件保存不成功的情況。
聯(lián)系客服