SpringBoot 项目中的图片处理策略:本地存储与路径映射

一、前言

在做网页的时候,会经常遇到一个问题,那就是如何在前端访问图片,还有就是图片应该如何存?存在数据库,然后直接把文件发给前端?数据库表示:"哥们你可真行,我快装不下了"。比较好一点的做法就是把图片存在本地*(ps:这里不考虑云存储)*,然后数据库存该文件的路径。这样一来前端如何访问这个文件呢?我们都知道在SpringBoot项目中,静态资源都存放在static目录下,使得前端可以通过URL来访问这些资源,现在我们就需要将文件系统的文件路径与 URL 建立一个映射关系,把文件系统中的文件当成我们的静态资源即可。下面开始演示:

二、演示

本篇的重点是如何通过 URL 来访问服务器的文件系统中的文件,这里就不使用数据库了。

  1. 我们创建一个SpringBoot项目,依赖如下:
xml 复制代码
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>
  1. static目录下,我们可以直接通过 URL 来访问,该目录下有一个/image/avatar.png文件

我们现在的目标是:假设在D/image目录下有一个图片,如何直接通过URL来访问本地文件呢?

  1. application.properties配置文件中定义图片存放的位置
java 复制代码
# 图片保存路劲
imagepath=D:/image/
  1. 创建一个类实现WebMvcConfigurer接口并重写addResourceHandlers方法。
java 复制代码
@Configuration
public class InterceptorConfig implements WebMvcConfigurer {
    
    @Value("${imagepath}")
    private String imagePath;//从配置文件中获取文件路径

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/image/**")
                .addResourceLocations("file:" + imagePath);
    }
}
  • addResourceHandler("/image/**"):定义了一个URL模式,即以 "/image/" 开头的请求路径。任何匹配该模式的请求都将被映射到相应的静态资源。
  • .addResourceLocations("file:" + imagepath):指定了实际存储静态资源的文件系统路径,"file:" 前缀告诉Spring MVC,这是一个文件系统路径。
  • 这段代码的作用是告诉Spring MVC,当接收到以 "/image/" 开头的请求时,去指定的文件系统路径imagepath(D/image/)查找对应的静态资源。例如:当请求 "/image/test.jpg" 时,Spring MVC 将会尝试在 "D/image/" 目录下查找并返回 "test.jpg" 这个文件作为响应。
  1. "D/image/"下保存一个图片
  1. 访问http://localhost:8080/image/test.png

可以看到映射成功了,其实在数据库中存的就是"/image/"+imageName。如果你要将项目部署到Linux服务器上,需要把文件目录修改成Linux系统的,比如:

properties 复制代码
imagepath=/root/soft/images/
相关推荐
2401_8576363940 分钟前
共享汽车管理新纪元:SpringBoot框架应用
数据库·spring boot·汽车
man20171 小时前
【2024最新】基于springboot+vue的闲一品交易平台lw+ppt
vue.js·spring boot·后端
hlsd#1 小时前
关于 SpringBoot 时间处理的总结
java·spring boot·后端
路在脚下@1 小时前
Spring Boot 的核心原理和工作机制
java·spring boot·后端
计算机-秋大田2 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
好奇的菜鸟2 小时前
Spring Boot 启动时自动配置 RabbitMQ 交换机、队列和绑定关系
spring boot·rabbitmq
小桥流水人家jjh2 小时前
Mybatis执行自定义SQL并使用PageHelper进行分页
java·数据库·spring boot·sql·mybatis
ClareXi3 小时前
react项目通过http调用后端springboot服务最简单示例
spring boot·react.js·http
苹果醋33 小时前
C语言 strlen 函数 - C语言零基础入门教程
java·运维·spring boot·mysql·nginx
小蒜学长6 小时前
校园周边美食探索及分享平台
java·spring boot·后端·spring·apache·美食