1. 程式人生 > >Ueditor 配置上傳圖片到專案外

Ueditor 配置上傳圖片到專案外

官方文件寫的太爛,不吐槽了,畢竟用著人家的東西呢,走了很多彎路,終於把配置搞定了,下面細細道來;

1,通過查閱官方文件,得知配置圖片上傳要配置下面兩個位置:

  "imageUrlPrefix"  :這個作用是用於上傳成功後,讀取圖片時,加的字首;

"imagePathFormat":真正的上傳路徑,可以為絕對路徑或相對路徑,都是以專案根目錄為基準,這個官網有詳細解釋;

2,配置正常後,發現,在重啟tomcat後,裡面的檔案會被刪除,找了很久,最後結合tomcat的虛擬路徑,可以上傳到tomcat外,這樣就可以隨意clean;具體:

1),imagePathFormat:配置為相對路徑,比如你專案根路徑為“D:/tomcat/webapps/myweb”,(我是用的eclipse部署的,所以預設會被copy到webapps下),所以這裡配置imagePathFormat

為:“../../upload/”,也就是D盤根路徑下的upload資料夾,注意,一定要先自己建立這個資料夾,否則會報錯後臺上傳配置錯誤,

2),imageUrlPrefix,配置為:http://localhost:8080/upload/1/2/,這裡的1,2,主要是為了和imagePathFormat的相對路徑消除,因為返回的全路徑是這兩個的組合,當然你可以直接修改js,

然後,在tomcat的config/server.xml中,在host的下面的context,新增:

<Context docBase="../../" path="/upload" reloadable="true" />,

這樣配置後,上傳路徑為“D:/upload”,返回圖片地址為:“192.168.0.59:8080/upload”,由於虛擬路徑,會自動到docBase下面搜尋圖片,可能有些繞,大家可以參考參考,有更好的方法可以一起討論;