一、前言

  在做網(wǎng)頁的時(shí)候，會經(jīng)常遇到一個(gè)問題，那就是如何在前端訪問圖片，還有就是圖片應(yīng)該如何存？存在數(shù)據(jù)庫，然后直接把文件發(fā)給前端？數(shù)據(jù)庫表示：“哥們你可真行，我快裝不下了”。比較好一點(diǎn)的做法就是把圖片存在本地*（ps:這里不考慮云存儲）*，然后數(shù)據(jù)庫存該文件的路徑。這樣一來前端如何訪問這個(gè)文件呢？我們都知道在SpringBoot項(xiàng)目中，靜態(tài)資源都存放在static目錄下，使得前端可以通過URL來訪問這些資源，現(xiàn)在我們就需要將文件系統(tǒng)的文件路徑與 URL 建立一個(gè)映射關(guān)系，把文件系統(tǒng)中的文件當(dāng)成我們的靜態(tài)資源即可。下面開始演示：

二、演示

  本篇的重點(diǎn)是如何通過 URL 來訪問服務(wù)器的文件系統(tǒng)中的文件，這里就不使用數(shù)據(jù)庫了。

• 我們創(chuàng)建一個(gè)SpringBoot項(xiàng)目，依賴如下：

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

• 在static目錄下，我們可以直接通過 URL 來訪問，該目錄下有一個(gè)/image/avatar.png文件

我們現(xiàn)在的目標(biāo)是：假設(shè)在D/image目錄下有一個(gè)圖片，如何直接通過URL來訪問本地文件呢？

• 在 application.properties配置文件中定義圖片存放的位置

# 圖片保存路勁
imagepath=D:/image/

• 創(chuàng)建一個(gè)類實(shí)現(xiàn)WebMvcConfigurer接口并重寫addResourceHandlers方法。

@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/**")：定義了一個(gè)URL模式，即以 "/image/" 開頭的請求路徑。任何匹配該模式的請求都將被映射到相應(yīng)的靜態(tài)資源。
• .addResourceLocations("file:" + imagepath)：指定了實(shí)際存儲靜態(tài)資源的文件系統(tǒng)路徑，"file:" 前綴告訴Spring MVC，這是一個(gè)文件系統(tǒng)路徑。
• 這段代碼的作用是告訴Spring MVC，當(dāng)接收到以 "/image/" 開頭的請求時(shí)，去指定的文件系統(tǒng)路徑imagepath（D/image/）查找對應(yīng)的靜態(tài)資源。例如：當(dāng)請求 "/image/test.jpg" 時(shí)，Spring MVC 將會嘗試在 "D/image/" 目錄下查找并返回 "test.jpg" 這個(gè)文件作為響應(yīng)。

• 在"D/image/"下保存一個(gè)圖片

• 訪問http://localhost:8080/image/test.png

  可以看到映射成功了，其實(shí)在數(shù)據(jù)庫中存的就是"/image/"+imageName。如果你要將項(xiàng)目部署到Linux服務(wù)器上，需要把文件目錄修改成Linux系統(tǒng)的，比如：

imagepath=/root/soft/images/

到此這篇關(guān)于SpringBoot 項(xiàng)目中的圖片處理策略：本地存儲與路徑映射的文章就介紹到這了,更多相關(guān)SpringBoot 本地存儲與路徑映射內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論