码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-09-16 11:43:33      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:文本   需求   分享   答案   .com   ring   mvc   文件   功能   

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

数据库中大概是这么存的

技术分享

 

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

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

技术分享

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

技术分享

 

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

技术分享

 

 效果图:

 技术分享

 

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

技术分享

技术分享

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

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

技术分享

 

 然后是controller:

技术分享

 

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

 

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

标签:文本   需求   分享   答案   .com   ring   mvc   文件   功能   

原文地址:http://www.cnblogs.com/tangdd/p/7529330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!