summernote + spring mvc + ajax 上傳圖片 <筆記>

標籤：文本   需求   分享   答案   .com   ring   mvc   檔案   功能   

最近在做一個考試系統項目。其中實體答案有這樣的需求，答案A,B,C,D 採用 文本和圖片混搭的形式，並且文本也是富文本。

資料庫中大概是這麼存的

 

 廢話不多說開始上乾貨。。。。

一、首先在jsp頁面匯入檔案

二、接著進行，summernote的初始化  ，這裡我初始化了很多個

 

---------------------------------------------------

 

 ：

 

 

 三、summernote的預設圖片上傳是直接將圖片進行base64編碼，然後放在，img標籤的data（記不太清，大概是這個）屬性中，base64編碼後產生的資料非常大，雖然能夠成功上傳，但如果加到資料庫中，無疑非常的占記憶體。我們理想的情況是資料庫中只存圖片路徑。那麼下面我們開始來改造。也就是，重寫summernote的圖片上傳方法。

四，最後是後台部分，這個網上搜能有很多，隨便你用哪種上傳方式都可以。我使用spring mvc的上傳方式。

首先記得在設定檔中配置

 

 然後是controller：

 

好了，到了這一步準系統就能實現了。小夥伴們可以進行更一步的完善，比如刪除功能等

 

summernote + spring mvc + ajax 上傳圖片 <筆記>