百度編輯器ueditor功能強大,很多人士以應用專案開發中,但是裡面有一個公眾的問題就是上傳圖片存放目錄太深,預設是ueditor/php/upload下,前不久測試後圖片存放目錄可以改變,但是路徑會出現問題。現分享下圖片自定義存放目錄和路徑,我最後的圖片存放是www.**.com/image/ 20131113/13843284986865.png。
首先,本地測試配置,為什麼這裡要先說本地配置呢,因為好多人上線專案一般都是把專案程式碼直接放到根目錄下的,而在本地我們一般會有好多測試專案,因此會有專案資料夾,本地專案目錄佈局大概如下:
Xiangmu
+Ueditor
-image
-admin
-data
…相關程式碼目錄
首先imageUp.php第20行,將upload我這裡自定為專案目錄下image檔案下,這樣已經完成圖片可以存放到image下了
其次 進行了上面的配置後,實際插入資料的地址會出現../../image/這樣url地址,同樣在imageUp.php第50行,新增$info["url"]=str_replace('../../','',$info["url"]),將../../替換掉。
最後ueditor.config.js第139行,修正地址改為http://localhost/xiangmu/
此時資料庫圖片插入的路徑http://localhost/xiangmu/image/20131113/13843284986865.png
好了,這樣無論是是圖片存放目錄或是最後的url地址都是我們期望的。
上線專案配置 其實這裡提到線上測配置其實也就是沒有專案目錄,也就是沒有xiangmu這個目錄,專案目錄下的程式碼檔案全部是放到根目錄下的,那麼這裡其實和本地的配置方法一樣,唯一不同的就是將ueditor.config.js 第139行修正地址改為 /
最後申明一點我的編輯器ueditor.config.js中 var URL = window.UEDITOR_HOME_URL || (function(){ 是沒有做任何路徑配置的