springboot + html no pudo acceder a la imagen

Este artículo presenta principalmente el problema de que las imágenes locales de Spring Boot no se pueden cargar (ruta de la imagen). La solución es realmente muy simple. Simplemente escriba un archivo de configuración, que es el convertidor de la ubicación de la imagen. El principio es virtualizar una carpeta en el servidor para que coincida con la ubicación de la imagen local. Los amigos necesitados pueden consultar

Al usar html para cargar imágenes, descubrí que las imágenes locales no se pueden mostrar en la página, pero se pueden mostrar haciendo referencia directamente a los recursos en la red. Con referencia a la experiencia de muchos predecesores, se extraen las siguientes conclusiones:

El principal problema de que no se puede mostrar la imagen local es que la URL donde se carga la imagen en la URL local y la URL donde se carga la imagen en el servidor es diferente. Es decir, el problema del camino.

La solución es realmente muy simple: simplemente escriba un archivo de configuración, que es el convertidor de la ubicación de la imagen. El principio es virtualizar una carpeta en el servidor para que coincida con la ubicación de la imagen local.

Cuando se llama a una imagen local, equivale a llamar a la imagen en el servidor.

El código clave es el siguiente:

@Configuration

public class MyWebAppConfiguration extends WebMvcConfigurerAdapter {

@Override

public void addResourceHandlers(ResourceHandlerRegistry registry) {

/**

* @Description: 对文件的路径进行配置,创建一个虚拟路径/Path/** ，即只要在<img src="/Path/picName.jpg" />便可以直接引用图片

*这是图片的物理路径 "file:/+本地图片的地址"

* @Date： Create in 14:08 2017/12/20

*/ registry.addResourceHandler("/Path/**").addResourceLocations("file:/E:/WebPackage/IdeaProjects/shiroLearn/src/main/resources/static/");

super.addResourceHandlers(registry);

}

Veamos el problema de no poder leer imágenes locales en Spring boot html

La ruta de recursos estáticos de Spring Boot debe establecerse, específicamente agregando application.properties:

spring.resources.static-locations='静态资源路径'

Por ejemplo, la siguiente configuración especifica la ruta de clases como ruta de recursos estáticos:

spring:
  resources:
    static-locations: classpath:/

Si mi imagen qiaoba.jpeg se coloca src/main/resoruces/static/imagedebajo, entonces puedo citar la imagen en html así:

<body background="../static/image/img.jpg">

springboot + html no pudo acceder a la imagen

Supongo que te gusta