ueditor前後端分離下的圖片上傳解決方法
一個小專案,簡稱(A專案),因為是做的前後端分離,後端用spring boot打的jar包,前端需要用到ueditor儲存圖片,搞了好久沒搞出來,網上查到的大部分都是對原始碼進行修改的,對於一個新手來說太過高階,根據公司一位前輩的方法,可以先在伺服器上增加一個ueditor專案,放到伺服器中的tomcat的webapps資料夾下,然後A專案中ueditor.config.js中的serverUrl改成新增的ueditor的介面,講的很籠統,具體如下
IDE:Eclipse
Server:Tomcat
一:根據官方文件(http://fex.baidu.com/ueditor/#server-jsp?qq-pf-to=pcqq.c2c)建立一個ueditor專案並配置到伺服器tomcat上
JSP 使用說明
1 背景
UEditor 1.4.0 版本對之前的配置方式進行了簡化，具體請參見：後端請求規範，為了適應這次升級，JAVA 後臺也進行了重寫，跟之前的版本差別較大，升級的使用者注意閱讀本文件。
本文件介紹 UEditor JAVA 後臺的部署和配置說明。
注意：本文件僅適用於1.4.0之後的Java版UEditor。
2 先決條件
- JDK 1.6+
- Apache Tomcat 6.0+
- UEditor 1.4.0+
3 示例環境
3.1 軟體版本資訊
- JDK 6u45
- Tomcat 6.0.41
- UEditor 1.4.3 UTF-8 Java版
- OS: Windows7 Ultimate SP1 X64
- Eclipse 4.4.0
3.2 軟體路徑資訊
- Tomcat 安裝路徑：
D:\apache-tomcat-6.0.41\
4 部署
4.1 手動部署
-
解壓對應的UEditor壓縮包至Tomcat的webapps目錄下，最終，UEditor的安裝路徑為：
D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\
-
進入目錄：
D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\
建立如下兩個資料夾（注意區分大小寫）：WEB-INF\lib\
-
拷貝目錄：
D:\apache-tomcat
下的所有jar包到第2步建立的lib目錄下，結果如圖所示：-6.0.41\webapps\ueditor1_4_3-utf8-jsp\jsp\lib\
-
部署完成，雙擊以下指令碼檔案，啟動Tomcat（需要正確配置JAVA_HOME環境變數）。
D:\apache-tomcat-6.0.41\bin\startup.bat
出現如下所示介面，則表示伺服器啟動成功。
-
進入5 驗證安裝步驟，驗證部署是否成功。
4.2 Eclipse部署
-
在Eclipse中配置Tomcat 6.0。
-
在Eclipse中建立一個名為
ueditor1_4_3-utf8-jsp
的“Dynamic Web Project”專案。如下圖所示：
-
解壓下載的UEditor包到D盤根目錄。
-
在Eclipse中的專案
ueditor1_4_3-utf8-jsp
下的“WebContent”目錄上右擊，在彈出的選單中選擇：Import->Import...，彈出如下圖所示對話方塊：
-
在彈出的對話方塊中展開General項，雙擊“File System”後彈出對話方塊，如下圖所示：
-
點選“Browse...”按鈕，在彈出的檔案選擇對話方塊中選中第3步中解壓出來的ueditor資料夾，並勾選全部檔案，結果如下圖所示：
-
點選“Finish”按鈕，完成匯入。
-
拷貝目錄jsp/lib/下的所有jar包到WEB-INF/lib/目錄下， 部署至此完成，最終專案的結構如下圖所示：
-
新增該專案到Tomcat中，並啟動Tomcat，在Eclipse的“Console”面板中出現如下圖所示的介面時，啟動成功。
-
進入5 驗證安裝步驟，驗證部署是否成功。
5 驗證安裝
在瀏覽器位址列中輸入如下URL：
http://localhost:8080/ueditor1_4_3-utf8-jsp/jsp/controller.jsp?action=config出現類似下圖所示內容，則配置成功，否則，即為失敗。
6 移動專案
在Eclipse的tomcat中,專案中右鍵,Browse Deployment Location,複製整個專案,再找到伺服器的tomcat,將專案複製到webapps下,在URL輸入:域名(或ip:埠號)/ueditor1_4_3-utf8-jsp/jsp/controller.jsp?action=config
如果出現跟上一步一樣的結果,則表示已經配置好了
二:A專案中的ueditor配置找到A專案中的ueditor.config.js,將第33行, serverUrl: URL + "jsp/controller.jsp" 改成 serverUrl: 域名(或ip:埠號)/ueditor1_4_3-utf8-jsp/jsp/controller.jsp 以上就完成了前端伺服器上的ueditor配置,具體圖片儲存路徑配置,可以參考一下文章 注:圖片儲存路徑和圖片的訪問路徑字首是在 ueditor1_4_3-utf8-jsp/jsp/config.json 中修改的 http://blog.csdn.net/shaochong047/article/details/52673648?locationNum=13