最近在做SSM開發用到了Ueditor,但十分苦於無法上傳圖片,於是搗鼓了一陣時間。我就在這個博客裏,就Ueditor如何上傳圖片,解決一些我遇到的一些問題。我用的Ueditor版本爲1.4.3,JSP版的。
這兩張圖片顯示的情況,都是因爲圖片上傳路徑沒有配置好,所以就不能夠使用。
那麼首先先去看圖中的這個路徑對不對,用php可以改爲php,在這裏我用的是jsp版本的
在controller.jsp中其實也有一些問題,我出現的問題就是jar包缺少。錯誤就是com.baidu.ueditor.ActionEnter一直報錯。
因爲我用的是maven項目管理,所以就用下面這個導入jar包。
<!-- https://mvnrepository.com/artifact/com.gitee.qdbp.thirdparty/ueditor -->
<dependency>
<groupId>com.gitee.qdbp.thirdparty</groupId>
<artifactId>ueditor</artifactId>
<version>1.4.3.3</version>
</dependency>
如果不是用的maven,其實也就4個jar包,網上都有。如下圖。
controller.jsp出現另外的一個問題,就是會讓預覽圖片路徑出現問題,類似於下圖。
具體請參考這篇博客:
https://blog.csdn.net/gaoxiaogs/article/details/52621755
然後重頭戲就是在設置上傳圖片的路徑上。文檔也講的很明白,最主要就是兩個路徑的設置:PathFormat 和 UrlPrefix 的配置項。在config.json中設置。我所配置如下:
文檔中說所有的路徑都是在網站根目錄下,如果是本地服務器,那麼就是在http://localhost:8080之下。那麼imageUrlPrefix其實就是配置項目名,例如我的項目是sendwater ,那麼這個配置應該是:“imageUrlPrefix”: “/sendwater/”。而imagePathFormat配置路徑就如圖所示。
最後一個問題就是說在WEB-INF下的lib中缺少ueditor-1.4.3.jar,我也沒找到這個路徑配置,直接就添加上了。然後就所有問題解決。
Ueditor雖然還不錯,但是這個配置總是出問題,我也在這上面花費不少時間,希望這個博客能幫助大家少走一些彎路。