ueditor編輯器圖片自定義存放目錄及路徑修改

weixin_34377065發表於2014-03-26

百度編輯器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(){  是沒有做任何路徑配置的

相關文章