summernote + spring mvc + ajax 上传图片 <笔记>


最近在做一个考试系统项目。其中实体答案有这样的需求,答案A,B,C,D 采用 文本和图片混搭的形式,并且文本也是富文本。

数据库中大概是这么存的

 

 废话不多说开始上干货。。。。

一、首先在jsp页面导入文件

二、接着进行,summernote的初始化  ,这里我初始化了很多个

 

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

 

 效果图:

 

 

 三、summernote的默认图片上传是直接将图片进行base64编码,然后放在,img标签的data(记不太清,大概是这个)属性中,base64编码后生成的数据非常大,虽然能够成功上传,但如果加到数据库中,无疑非常的占内存。我们理想的情况是数据库中只存图片路径。那么下面我们开始来改造。也就是,重写summernote的图片上传方法。

四,最后是后台部分,这个网上搜能有很多,随便你用哪种上传方式都可以。我使用spring mvc的上传方式。

首先记得在配置文件中配置

 

 然后是controller:

 

好了,到了这一步基本功能就能实现了。小伙伴们可以进行更一步的完善,比如删除功能等

 

 

添加:   如果一个页面有多个富文本框框,那么上传图片的时候如何确定图片放在哪呢。

  根据id肯定是不行的,根据class也不行:如下

 

这时候必须通过this,需要改写方法:

 

 

 

 

 

 

 

 这样就行了。网上一直搜不到,只能自己琢磨做下记录。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM