SpringBoot图片保存到本地，在数据库中存放图片地址，实现图片的添加和查找

最新推荐文章于 2024-05-15 08:56:51 发布
最新推荐文章于 2024-05-15 08:56:51 发布
阅读量909 收藏 4
点赞数 1
分类专栏： springboot 文章标签： spring boot 数据库 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53573029/article/details/134565649
版权

目录

使用到的技术技术

需要用到的软件

各位看官，废话不多说直接开始项目

项目结构

mysql

Application.yaml配置文件

Maven

Mybatis-plus

Mapper.xml

Mapper接口

Service层

Sercie接口

ServiceImpl类

Controller层

原神,启动!错了错了...项目 , 启动！！启动！！！

进入文件上传页面

查询所有图片数据

结束语

使用到的技术技术

  1. SpringBoot
  2. Mybatis-plus(也可用Mybatis，或者麻点用JDBC)
  3. Thymeleaf(也可用xml或直接高端点用vue)

需要用到的软件

  1. idea
  2. Mysql5.7

各位看官，废话不多说直接开始项目

项目结构

mysql

在数据库wshop中创建一个表w_productmodel


CREATE TABLE `w_productmodel` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `image` varchar(200) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;

Application.yaml配置文件

server:
  port: 9100

spring:
  mvc:
  servlet:
    multipart:
      max-file-size: 10MB       
      max-request-size: 100MB    
  datasource:
    username: 自己的sql用户名
    password: 自己的sql密码
    url: jdbc:mysql://localhost:3306/wshop?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&useSSL=false

Maven

maven由于一些是其他类使用的就没有删，多多担待。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.8</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>ImageTest</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>ImageTest</name>
    <description>ImageTest</description>
    <properties>
        <java.version>8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <!--        web-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <!--        mysql-->
        <dependency>
            <groupId>com.mysql</groupId>
            <artifactId>mysql-connector-j</artifactId>
        </dependency>

        <!--        mybatis-plus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.1</version>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-generator</artifactId>
            <version>3.5.2</version>
        </dependency>

        <!--       freemarker -->
        <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
        </dependency>

        <!--        lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>

        <!--        redis-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>

        <!--        fastjson-->
        <dependency>
            <groupId>com.alibaba.fastjson2</groupId>
            <artifactId>fastjson2</artifactId>
            <version>2.0.7</version>
        </dependency>

        <!--        加密-->
        <dependency>
            <groupId>org.springframework.security</groupId>
            <artifactId>spring-security-core</artifactId>
        </dependency>


        <!--        添加提交-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <!--引入jquery-webjar-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.3.1</version>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

Mybatis-plus

个人偷懒，大家可以用其他的，大致sql语句都差不多

package com.wu.imagetest.Controller;

import com.baomidou.mybatisplus.generator.FastAutoGenerator;
import com.baomidou.mybatisplus.generator.config.OutputFile;
import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;

import java.util.Collections;

/**
 * @ClassName CodeGenerator
 * @Author AndyWu
 * @Date 2023-11-14 10:00
 * @Motto 学不死就往死里学
 * @Version 1.0
 */


public class CodeGenerator {
    public static void main(String[] args) {
        String url = "jdbc:mysql://localhost:3306/wshop?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC";
        String username = "root";
        String password = "123456";
        String baomidou = "Wuandy";
        String moduleName = "sys";
        String mapperLocation = "E:\\PublicProject\\SiteMoudle\\ImageTest\\src\\main\\resources\\mapper\\"+moduleName;
        String tables = "w_productmodel";

        FastAutoGenerator.create(url, username, password)
                .globalConfig(builder -> {
                    builder.author(baomidou) // 设置作者
//                            .enableSwagger() // 开启 swagger 模式
//                            .fileOverride() // 覆盖已生成文件
                            .outputDir("E:\\PublicProject\\SiteMoudle\\ImageTest\\src\\main\\java"); // 指定输出目录
                })
                .packageConfig(builder -> {
                    builder.parent("com.wu.imagetest") // 设置父包名
                            .moduleName(moduleName) // 设置父包模块名
                            .pathInfo(Collections.singletonMap(OutputFile.xml, mapperLocation)); // 设置mapperXml生成路径
                })
                .strategyConfig(builder -> {
                    builder.addInclude(tables) // 设置需要生成的表名
                            .addTablePrefix("w_"); // 设置过滤表前缀
                })
                .templateEngine(new FreemarkerTemplateEngine()) // 使用Freemarker引擎模板，默认的是Velocity引擎模板
                .execute();
    }
}

Mapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.wu.imagetest.sys.mapper.ProductmodelMapper">
    <insert id="insertImage" parameterType="com.wu.imagetest.sys.entity.Productmodel">
        insert into w_productmodel(image) values(#{image})
    </insert>
</mapper>

Mapper接口

package com.wu.imagetest.sys.mapper;

import com.wu.imagetest.sys.entity.Productmodel;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;

/**
 * <p>
 *  Mapper 接口
 * </p>
 *
 * @author Wuandy
 * @since 2023-11-21
 */
public interface ProductmodelMapper extends BaseMapper<Productmodel> {

    int insertImage(String image);

}

Service层

Sercie接口

package com.wu.imagetest.sys.mapper;

import com.wu.imagetest.sys.entity.Productmodel;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;

/**
 * <p>
 *  Mapper 接口
 * </p>
 *
 * @author Wuandy
 * @since 2023-11-21
 */
public interface ProductmodelMapper extends BaseMapper<Productmodel> {

    int insertImage(String image);

}

ServiceImpl类

package com.wu.imagetest.sys.service.impl;

import com.wu.imagetest.sys.entity.Productmodel;
import com.wu.imagetest.sys.mapper.ProductmodelMapper;
import com.wu.imagetest.sys.service.IProductmodelService;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import org.springframework.stereotype.Service;

import javax.annotation.Resource;

/**
 * <p>
 *  服务实现类
 * </p>
 *
 * @author Wuandy
 * @since 2023-11-21
 */
@Service
public class ProductmodelServiceImpl extends ServiceImpl<ProductmodelMapper, Productmodel> implements IProductmodelService {

    //注入Mapper接口对象
    @Resource
    private ProductmodelMapper productmodelMapper;

    @Override
    public int insertImage(String image) {
        //image不为空判断
            return productmodelMapper.insertImage(image);
    }
}

Controller层

都有用注释，大家不用担心。

package com.wu.imagetest.sys.controller;

import com.wu.imagetest.sys.entity.Productmodel;
import com.wu.imagetest.sys.service.IProductmodelService;
import com.wu.imagetest.sys.service.impl.ProductmodelServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.system.ApplicationHome;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;
import java.util.UUID;
import java.util.List;

/**
 * <p>
 *  前端控制器
 * </p>
 *
 * @author Wuandy
 * @since 2023-11-21
 */
@Controller
//@RequestMapping("/sys/productmodel")
public class ProductmodelController {

    @Autowired
    private IProductmodelService productmodelService;

    @Autowired
    private ProductmodelServiceImpl productmodelServiceImpl;

    @RequestMapping("/index")
    public String index(){
        return "upload";
    }
    @ResponseBody
    @RequestMapping("/upload")
    public String upload(MultipartFile file) {
        System.out.println("传输文件开始");
        if (file.isEmpty()) {
            return "图片上传失败1";
        }
        //file校验重命名（a:1.png  b:1.png）
        String originalFilename = file.getOriginalFilename();//原来的图片名
        String ext = "." + originalFilename.split("\\.")[1];//1.png
        String uuid = UUID.randomUUID().toString().replace("-", "");
        //地址连接
        String fileName = uuid + ext;

        productmodelServiceImpl.insertImage(fileName);

        ApplicationHome applicationHome = new ApplicationHome(this.getClass());
        String pre = applicationHome.getDir().getParentFile().getParentFile().getAbsolutePath()+
                "\\src\\main\\resources\\static\\images\\";
//        String pre = "E:\\PublicProject\\SiteMoudle\\data\\images\\";
        String path = pre + fileName;

        try {
            file.transferTo(new File(path));
            System.out.println("传输文件结束");
            return path;
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "图片上传失败2";
    }

//    @ResponseBody
//    @RequestMapping("/list")
//    private String list(Model model){
//        List<Productmodel> list = productmodelService.list();
//
        ApplicationHome applicationHome = new ApplicationHome(this.getClass());
//        String pre = "\\src\\main\\resources\\static\\images\\";
//        for (Productmodel productmodel : list) {
//            String image = productmodel.getImage();
//            String path = pre + image;
//            productmodel.setImage(path);
//        }
//        model.addAttribute("list",list);
//        System.out.println(list);
//        return "select";
//    }
    @RequestMapping("/list")
    private String list(Model model){
        List<Productmodel> list = productmodelService.list();

        ApplicationHome applicationHome = new ApplicationHome(this.getClass());
        String pre = "/images/";
        for (Productmodel productmodel : list) {
            String image = productmodel.getImage();
            String path = pre + image;
            productmodel.setImage(path);
        }
        model.addAttribute("list",list);
        System.out.println(list);
        return "select";
    }
}

原神,启动!错了错了...项目 , 启动！！启动！！！

进入文件上传页面

http://localhost:9100/index

点击“选择上传”选择文件，然后点击“上传”；

上传成功后返回下面页面（返回文件保存在本地的位置）

然后我们多存几个图片

本地文件保存

数据库保存文件名或者地址（因为使用了字符串拼接，我这里直接保存文件的文件名） 

你以为完了吗？不！不！不！

查询所有图片数据

具体思路：从数据库中读取图片名，然后拼接字符串，然后返回图片路径，实现图片展示；

http://localhost:9100/list

结束语：

        以上就是本章的内容，很高兴大家看完。后期项目回上传到gitee和github。
        最近感觉真的Java寒冬，工作也不好找，愿各位小伙伴都能找到自己心仪的工作（或者跳槽到自己喜欢的岗位和公司）。

在无清风
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于SpringBoot-上传照片保存到本地，且回显照片
hd_cash的博客
03-30 3002
1：如何在数据库保存照片 将照片上传到本地后，数据库只需要保存照片名字即可(此名字是本地保存的文件的名字，通过UUID去重的名字，并不是展示照片时的照片名)。 数据表： 文件保存在本地： 2：控制层方法 **PhotoController：**SpringBoot的文件上传比较方便不需要引入其它依赖。通过SpringInitializr选择web，thymeleaf等场景即可。 @Controller public class PhotosController { @Autowired
SpringBoot整合TomCat实现本地图片服务器代码解析
08-18
主要介绍了SpringBoot整合TomCat实现本地图片服务器代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
SpringBoot图片保存与读取
m0_52133525的博客
03-10 9171
在自己做一些小项目的时候遇到一个保存图片的问题，很明显，单独去买一个服务器保存图片划不着，而保存到数据库效率太低了。 网上查到的保存方法大多数分两种： 一种是直接保存到项目路径下面，这样的话，一旦服务重新部署保存的图片直接就G了。 另一种是保存到其他路径，这里介绍的就是保存到其他路径的方法。...
使用Springboot上传图片并将URL保存到数据库中
10-26
使用Spring Boot上传文件的简单Demo
springboot实现上传图片添加水印
12-21
springboot实现上传图片添加水印
Springboot2通过MultipartFile上传图片到服务端，并保存文件路径到数据库中
csdn_huayan的博客
05-20 4431
springboot配置application.yml，这里最大文件设置默认是1MB，可以修改设置大一点，避免出现文件大小受限的错误。点击上传之后，可以在指定的F:/zp/uploadImageDir目录下看到一个随机名称的图片，为了避免产生上传重名文件导致的问题，在后台重新用UUID重新生成一个随机的文件名来保存。注意：此处使用com.mysql.jdbc.Driver驱动器，启动项目会报一个告警。实现一个前端上传图片到后台服务器指定路径，并将路径存储在数据库中。然后查询数据库，可以看到图片保存的路径。
springboot保存图片到数据库和从数据库获取图片到前端
热门推荐
乐昊的博客
12-09 2万+
需求： 业务场景：图片在前端上传到服务器进行保存，然后读取到前端进行展示。 实现方式说明： 该业务场景有多种实现方式，我们根据不同的场景选择合适的实现方式。本篇主要介绍的是图片由前端调用接口传递给后端后，由后端直接保存到数据库中保存，读取时后端直接将图片以流的方式返回给前端来实现； 本篇只列举后端代码，保存图片时既保存了原图，也保存了缩略图； 实现步骤： 1、前期准备 1.1 创建可以保存图片的表结构 图片是以blob的类型在数据库进行保存的，考虑到原图有可能会比较大，所以采用了longbl
Springboot框架实现图片上传显示并保存地址到数据库
qq_46199553的博客
12-18 7393
引用别人的例子，写的很好 点击跳转
spring boot图片上传，存到数据库
m0_64951177的博客
10-06 385
【代码】spring boot图片上传，存到数据库。
（Spirng笔记）SpringBoot表单上传图片完整URL存数据库
张松的博客
09-09 3213
SpringBoot表单上传图片完整URL存数据库，亲测可行
基于SpringBoot实现图片上传与显示
08-27
主要为大家详细介绍了基于SpringBoot实现图片上传与显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Springboot项目使用Slf4j将日志保存到本地目录的实现代码
08-19
主要介绍了Springboot项目使用Slf4j将日志保存到本地目录的实现方法，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
springBoot项目对input上传的图片进行保存
qq_44741568的博客
03-05 686
前端: 我这里js已经做了文件类型判断,保证都是图片类型 <form method="post" th:action="@{/imgs/addImg}" enctype="multipart/form-data"> <!-- 注意enctype="multipart/form-data --> <a href="javascript:;" c...
spring boot图片上传和下载
yingmd2020的博客
06-17 1541
图片上传流程步骤 前端传送图片（base64）到服务器 服务器将base64转换为byte [] 服务器根据存储路径生成文件，然后以流的方式写入byte[] 前端请求图片 服务器根据路径读取文件，以流的方式返回 前端上传图片 <input type="file" class="img-upload" @change="uploadChange" accept="image/*" /> uploadChange(el) { let that = this;
springboot上传图片并回显，将url存入数据库
lendedery的博客
04-07 5915
第一步，在webmvcconfig下配置虚拟路径映射，一般来说我们存照片的地址就在主机上创建一个文件夹，也就是file:后边的uploadPathImg,但是我们不能直接访问物理路径的图片，因此我们要配置虚拟路径的映射，前面的/uploadImg/**就是说http://ip地址:+端口号+/uploadImg/**就可以访问到图片了,这里我的uploadPathImg通过@value注解去到yml中找到对应的配置属性值，我们通过yml去配置该值后期便于修改 第二步，配置yaml virtual...
基于SpringBoot与Mysql的图片数据上传与下载的处理
Xiayu643的博客
05-29 704
使用的MySQL，对于二进制文件读取的都是比较慢，做完后发现还不如直接上传到本地文件里使用FileInput流进行回显，这样就没有数据库的读的慢的烦恼了。这个实现是二进制文件数据基本都可以存储与下载不仅仅针对于img数据，本例中是使用img最为参考，当然，在上面也是用了阿里云的对象存储，有钱的话可以去哪里开个资源包，也不会，相对来说也很方便，传输速度也快。用于传递与接收img实体。Controller层。
spring boot将图片上传到数据库
重生之我不会写代码
05-26 4762
将图片信息保存到数据库，需要对其进行转化为数据库可以储存的字段， pom.xml，以下两个依赖都可以进行转化 <!--HuTool为我们提供的一些便捷工具。--> <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>4
Springboot项目中图片云存储实现思路
weixin_50776418的博客
08-19 947
首先，这不是一个完成的搭建项目图床的文章；这是我面试过程中遇到的一个问题，总结一下并在此记录。 上次面试面试官问我项目中如何实现云存储的，我简略回答是通过文件流转换为base64格式然后上传到七牛云空间，被追问中间流的具体变化没答上来，这场面试挂掉虽然应不只是因为这个问题，但这个问题导致面试官认为我的项目不是自己完成的。 conroller类中调用到图片上传的类 @PostMapping("/personal") public String personal(HttpSession ...
Spring Boot实现多数据源快速入门
最新发布
HBLOG
05-15 266
多数据源既动态数据源，项目开发逐渐扩大，单个数据源、单一数据源已经无法满足需求项目的支撑需求。本文采用dynamic-datasource-spring-boot-starter实现多数据源，由于类上@DS("slave_1")，所以预期插入的slave_1mysql库。查询方法注解的@DS("master")，所以在mater库上根本查不到数据。本文使用2个mysql作为数据源，表都是一样的结构。然后修改service，增加切换数据源注解。可以注解在方法上或类上，配置下格式支持这几种。
springboot 本地图片base64保存到数据库
07-15
在Spring Boot中，可以使用Base64编码将本地图片保存到数据库。以下是一个示例代码: ```java import java.io.File; import java.nio.file.Files; import java.util.Base64; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.GenerationType; import javax.persistence.Id; import javax.persistence.Lob; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RestController; @SpringBootApplication public class ImageToDatabaseApplication { public static void main(String[] args) { SpringApplication.run(ImageToDatabaseApplication.class, args); } } @RestController class ImageController { private final ImageRepository imageRepository; public ImageController(ImageRepository imageRepository) { this.imageRepository = imageRepository; } @PostMapping("/upload") public String uploadImage(@RequestParam("file") File file) { try { // 读取图片文件并进行Base64编码 byte[] fileContent = Files.readAllBytes(file.toPath()); String base64Image = Base64.getEncoder().encodeToString(fileContent); // 创建实体对象并保存到数据库 Image image = new Image(); image.setData(base64Image); imageRepository.save(image); return "图片保存成功！"; } catch (Exception e) { e.printStackTrace(); } return "图片保存失败！"; } } @Entity class Image { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Lob private String data; // getters and setters public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getData() { return data; } public void setData(String data) { this.data = data; } } interface ImageRepository extends JpaRepository<Image, Long> { } ``` 在这个示例中，我们创建了一个Spring Boot应用程序，使用`ImageController`来处理上传图片的请求。在`uploadImage`方法中，我们首先将文件内容读取为字节数组，然后使用Base64编码转换为字符串。接下来，我们创建一个`Image`实体对象，将Base64编码后的图片数据设置到`data`属性中，并通过`ImageRepository`将实体保存到数据库中。 请确保在`application.properties`文件中配置正确的数据库连接信息，并在pom.xml文件中添加适当的依赖项（例如Spring Data JPA和MySQL驱动程序），以便应用程序能够正常工作。 这是一个简单的示例，你可以根据实际需求进行修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值