springboot 显示图片

Spring Boot是一个流行的开源框架，它简化了构建企业级Java应用程序的过程，特别是那些使用Spring框架的应用。如果你想在Spring Boot应用中显示图片，你可以通过以下几种方式实现：

1. **静态资源映射**：将图片文件作为静态资源存放在`src/main/resources/static/images/`目录下。在配置文件（通常是application.properties或application.yml）中，添加一个MVC的资源映射，如：

   spring.mvc.static-path-pattern=/images/**

然后访问图片时，通过`http://localhost:8080/images/your-image.jpg`即可。

2. **使用Thymeleaf或FreeMarker等模板引擎**：如果你在使用模板引擎，可以在HTML模板中直接引用图片路径，例如 `<img src="/images/your-image.jpg">`。Spring Boot会自动处理静态资源请求。

3. **WebFlux或Actuator**：如果你的应用是基于WebFlux的，你可以使用`WebFluxServerWebExchange`提供的`sendFile()`方法来发送文件流，同样处理静态资源。

4. **Spring Data REST**：如果你的应用使用了Spring Data REST，可以创建一个ResourceAssembler，将图片作为Resource的属性返回。

相关问题

springboot显示图片

要在Spring Boot应用程序中显示图像，您需要遵循以下步骤：

1. 将要显示的图像放置在src/main/resources/static文件夹中。

2. 在Controller类中创建一个@RequestMapping注释的方法，该方法将返回一个包含图像的ResponseEntity对象。

例如：

@RequestMapping(value = "/image", produces = MediaType.IMAGE_JPEG_VALUE)
public ResponseEntity<byte[]> getImage() throws IOException {
    InputStream in = getClass()
      .getResourceAsStream("/static/image.jpg");
    final byte[] bytes = IOUtils.toByteArray(in);
    HttpHeaders headers = new HttpHeaders();
    headers.setContentType(MediaType.IMAGE_JPEG);
    headers.setContentLength(bytes.length);
    return new ResponseEntity<byte[]>(bytes, headers, HttpStatus.OK);
}

3. 在HTML模板中使用<img>标记将图像显示在页面上。例如：

<img src="/image" alt="My Image">

注意：在这个例子中，图片文件名为image.jpg，并且它被放置在src/main/resources/static文件夹中。如果您的文件名和路径不同，请相应地更改代码。

希望这能帮助您显示图像在Spring Boot应用程序中。

vue springboot 显示图片

在 Vue 和 Spring Boot 中显示图片的方法有很多种，其中一种常见的方法是在后端将图片转换成 Base64 编码的字符串，然后在前端使用 img 标签将其显示出来。具体实现可以参考以下代码：

后端代码：

import org.apache.commons.codec.binary.Base64;
import org.springframework.core.io.ClassPathResource;
import org.springframework.core.io.Resource;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.io.IOException;
import java.io.InputStream;

@Controller
public class ImageController {

    @GetMapping("/image")
    @ResponseBody
    public String getImage() throws IOException {
        Resource resource = new ClassPathResource("image.jpg");
        InputStream inputStream = resource.getInputStream();
        byte[] bytes = new byte[inputStream.available()];
        inputStream.read(bytes);
        String base64 = Base64.encodeBase64String(bytes);
        return "data:image/jpeg;base64," + base64;
    }
}

前端代码：

<template>
  <div>
    <img :src="imageSrc" alt="image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: ''
    }
  },
  mounted() {
    this.getImage()
  },
  methods: {
    getImage() {
      axios.get('/image').then(response => {
        this.imageSrc = response.data
      })
    }
  }
}
</script>

这样就可以在 Vue 中显示图片了。