一、前言
在做网页的时候,会经常遇到一个问题,那就是如何在前端访问图片,还有就是图片应该如何存?存在数据库,然后直接把文件发给前端?数据库表示:"哥们你可真行,我快装不下了"。比较好一点的做法就是把图片存在本地*(ps:这里不考虑云存储)*,然后数据库存该文件的路径。这样一来前端如何访问这个文件呢?我们都知道在SpringBoot
项目中,静态资源都存放在static
目录下,使得前端可以通过URL
来访问这些资源,现在我们就需要将文件系统的文件路径与 URL
建立一个映射关系,把文件系统中的文件当成我们的静态资源即可。下面开始演示:
二、演示
本篇的重点是如何通过 URL 来访问服务器的文件系统中的文件,这里就不使用数据库了。
- 我们创建一个
SpringBoot
项目,依赖如下:
xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
- 在
static
目录下,我们可以直接通过URL
来访问,该目录下有一个/image/avatar.png
文件
我们现在的目标是:假设在D/image
目录下有一个图片,如何直接通过URL
来访问本地文件呢?
- 在
application.properties
配置文件中定义图片存放的位置
java
# 图片保存路劲
imagepath=D:/image/
- 创建一个类实现
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"
这个文件作为响应。
- 在
"D/image/"
下保存一个图片
- 访问
http://localhost:8080/image/test.png
可以看到映射成功了,其实在数据库中存的就是"/image/"+imageName
。如果你要将项目部署到Linux
服务器上,需要把文件目录修改成Linux
系统的,比如:
properties
imagepath=/root/soft/images/