快捷導(dǎo)航

Springboot如何加載靜態(tài)圖片

更新時(shí)間：2022年03月18日 11:05:11 作者：宸0313

這篇文章主要介紹了Springboot如何加載靜態(tài)圖片，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

如何加載靜態(tài)圖片

java工具類(lèi)

import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
 
/**
 * Created by zhangj on 2018/07/31
 */
@Configuration
public class ShowImage extends WebMvcConfigurerAdapter {
 
    /**
     * 注入圖片存放路徑
     */
    @Value("${upload.path.prefix}")
    private String prefix;
    @Value("${upload.path.res}")
    private String uploadPath;
 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
           //注：使用此種方法進(jìn)行路徑配置時(shí)，“file:D:/OTA/” 為正確路徑地址 “file:D:/OTA”為錯(cuò)誤路徑地址，需以反斜杠結(jié)尾才可正確加載
        registry.addResourceHandler("/images/**").addResourceLocations("file:" + prefix + "/");
        super.addResourceHandlers(registry);
    }
}

使用的是注入的方式

所以application中的配置：

upload:
  path:
    prefix: d:/app/share/data
    res: /upload/resource/

加載靜態(tài)資源文件時(shí)使用springboot使用的方式，需注意點(diǎn)為拼接的路徑需以反斜杠結(jié)尾，不然訪問(wèn)不到正確的路徑地址，設(shè)置完成之后，即可進(jìn)行訪問(wèn)。

如圖片路徑地址為：

file:///D:/app/share/data/upload/resource/20180919/b104721b07d64501a6d24215dbc70207.bmp

需將 file:///D:/app/share/data 更改為 http://localhost:8765/images 即可成功訪問(wèn)。

Springboot的圖片顯示問(wèn)題

在springboot中的通過(guò)頁(yè)面來(lái)顯示本地的圖片

原因

本地圖片不能顯示最主要的原因是，圖片在本地url和圖片在服務(wù)器上被加載的URL是不一樣的，也就是路徑問(wèn)題，

解決方法

因?yàn)閟pringboot中的tomcat是內(nèi)置的，所以需要編寫(xiě)一個(gè)配置文件，也就是圖片位置的轉(zhuǎn)化器，原理是在虛擬一個(gè)服務(wù)器上面的文件夾，與本地圖片的位置進(jìn)行匹配，在調(diào)用服務(wù)器上的圖片。

配置類(lèi)如下：

package com.ghrc.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
/**
 * @author:yst
 */
@Configuration
public class UrlConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
 		 //addResourceHandler是指你想在url請(qǐng)求的路徑
        //addResourceLocations是圖片存放的真實(shí)路徑
        registry.addResourceHandler("/image/**").addResourceLocations("file:D:\\file\\");
    }
}

但是得在你的頁(yè)面顯示前面加上