1. 程式人生 > >【UEditor】php版的UEditor 1.3.x圖片上傳目錄的設定,與上傳外掛的修改

【UEditor】php版的UEditor 1.3.x圖片上傳目錄的設定,與上傳外掛的修改

UEditor的圖片上傳需要自己設定一下功能才能正常。同時,如下圖所示,圖片上傳外掛的“線上管理”、“圖片搜尋”等無意義的功能,需要自己手動根除一下。



還有,一般情況下,編輯器的圖片儲存目錄,上傳目錄就是一個,不應該給使用者自己手動選擇,也是需要自己手動刪除的。


修改過程如下:

1、首先開啟(ueditor1_3_6-utf8-php根目錄)\php\config.php將程式碼改成如下所示:

<?php

return array(

    //圖片上傳允許的儲存目錄
    'imageSavePath' => array (
        'upload'
    )

);

同時在(ueditor1_3_6-utf8-php根目錄)\php\下自己手動新建一個upload資料夾,此資料夾UEditor程式不會自己建立。

如果不自己手動建立會報錯。此upload就是與上述程式碼的'upload'對應。可以根據自己的需要,改成"./upload/aa"等路徑,同時需要在對應的路徑下,新建好相應的目錄與資料夾。

此時,UEditor 1.3.x這個富文字編輯器已經能夠實現檔案上傳了,無須像官方文件一樣,對ueditor.config.js做任何修改。

2、然而,UEditor 1.3.x預設是對上傳圖片,新建一個當前日期的資料夾,之後以一個時間戳命名儲存這個圖片檔案。

如果我們需要對這個儲存規則進行修改,尤其是一些網站要在伺服器以使用者名稱命名處理這個檔案。此時需要對(ueditor1_3_6-utf8-php根目錄)\php\Uploader.class.php進行修改。在此檔案的第103行是最終的上傳之後,命名檔案的規則。


如上圖,就是要求的上傳圖片,皆加一個"id_"的字首。這裡可以換成$_session["使用者名稱"]什麼的。

具體還可以直接的此檔案的getFolder()函式進行修改,讓其不要在新建一個當前日期的資料夾,在於裡面放檔案等,修改成屬於自己上傳規則。getFolder()函式於此Uploader.class.php的最後。


3、最後,還要去掉“線上管理”、“圖片搜尋”、“選擇圖片儲存目錄”等無意義的功能。這在(ueditor1_3_6-utf8-php根目錄)\dialogs\image\image.html裡面修改。

如下圖,將第16-19用HTML註釋註釋掉,就可以去掉“線上管理”、“圖片搜尋”兩個功能。


對“選擇圖片儲存目錄”的出去,一定要採取,將第60行的,div用style="display:none"將其隱藏掉,而不是直接註釋,直接註釋的話。由於其下拉列表是通過javascript所生成的。雖然不影響功能,但是會出現javascript報錯。很不好。


最終,這個php版的UEditor 1.3.x的功能修改成如下所示: