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

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

数据库中大概是这么存的

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

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

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

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

效果图：

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

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

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

然后是controller：

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

时间： 2024-10-12 15:38:56

summernote + spring mvc + ajax 上传图片 <笔记>的相关文章

java 使用框架Spring MVC批量上传图片

java 使用框架Spring MVC批量上传图片运行环境:jdk1.8.0_17+tomcat 8 + spring:4.3.4+mybatis:3.2.7+ eclipse ide 2018+maven管理最近写项目时候用到上传图片文件等功能之前写过没有总结,以及记录等,今天总结下写的批量上传图片功能前段只需要把所有的选择的图片提交上来即可,后台会逐个处理,并且会在服务器或者当前电脑自己新建一个存放图片的文件夹,在application.properties配置里面你可以指定你所存放图

spring mvc+ajax 实现json格式数据传递

使用ajax传递JSON对象下面示例为ajax发送json对象,返回json格式数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $.ajax({ url: "api/user", type: "POST", timeout: txnTimeOut, async: true, dataType: "json", data: {username : "lucy"}

spring mvc ajax 提交复杂数组类型

The server refused this request because the request entity is in a format not supported by the requested resource for the requested method 1.Spring Mvc 配置 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp

spring mvc ajax success不执行反倒执行error

问题描述:spring mvc中前端使用ajax发送请求,后台使用@ResponseBody直接写数据到响应体中, 返回一个字符串,ajax的success回调函数不执行,反而执行error的回调函数上代码: ajax请求: $.ajax({ url:"/eCommerceSSM/updateAdmin", type:"put", data:JSON.stringify({a

spring MVC （学习笔记）

web.xml 相关配置 <?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://xmlns.jcp.org/xm

spring mvc ajax请求

jar包中增加 jackson-annotations-2.5.0.jar jackson-core-2.5.0.jar jackson-databind-2.5.0.jar springmvx.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="

Spring MVC学习入门笔记

使用Spring步骤添加依赖创建xml文件配置(需要被管理的类)bean 实例化上下文类 GetBean对象使用idea新建一个maven项目,在pom.xml中添加依赖: <dependencies>  <dependency> <groupId>org.springframework</

Spring MVC ajax:post/get 的具体实现

Post 方式 1.自动注入 a. pom.xml ---- 配置Maven,添加必要的jar包 1  2 <dependency> 3 <groupId>org.json</groupId> 4 <artifactId>org.json</artifactId> 5 <version>chargebee-1.0</version> 6 </d

spring mvc ajax中文乱码的几种解决办法

使用spingmvc,在JS里面通过ajax发送请求,并返回json格式的数据,从数据库拿出来是正确的中文格式,展示在页面上就是错误的 ,研究了一下,有几种解决办法. 方法一: 在@RequestMapping里面加入produces = "text/html;charset=UTF-8" Java代码 @RequestMapping(value = "/configrole", method = RequestMethod.GET, produces = &quo