Ueditor在SSM中如何使用圖片上傳的功能

最近在做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雖然還不錯,但是這個配置總是出問題,我也在這上面花費不少時間,希望這個博客能幫助大家少走一些彎路。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章