获取java后端中的图片在前端显示的方式

在Java后端获取到图片通常会作为二进制数据流或者是文件路径存在。要在前端展示这些图片，前端开发者可以采用以下几种常见方式：

1. **通过HTTP响应头设置**：服务器返回响应时，设置Content-Type为`image/*`，比如`Content-Type: image/jpeg`，然后将二进制数据作为响应体发送给前端。

byte[] imageData = ...; // 图片二进制数据
Response response = new ResponseEntity<>(imageData, HttpStatus.OK);
response.getHeaders().add(HttpHeaders.CONTENT_TYPE, "image/jpeg");

2. **直接提供静态资源链接**：如果图片存储在服务器的某个目录下，可以在URL上直接提供图片路径。前端可以使用img标签直接访问这个URL。

String imageUrl = "/path/to/image.jpg";
String imgTag = "<img src='" + imageUrl + "' alt='Image'>";

3. **使用Ajax异步加载**：前端通过AJAX请求从服务器获取图片，然后动态创建`<img>`元素插入到页面中。

$.ajax({
  url: '/api/image',
  type: 'GET',
  dataType: 'binary', // 或者 'json'，需要根据实际返回格式处理
  success: function(data) {
    var imgElement = document.createElement('img');
    imgElement.src = URL.createObjectURL(new Blob([data]));
    document.body.appendChild(imgElement);
  }
});