springboot实现获取数据库图片,前端显示
时间: 2024-01-06 20:04:04 浏览: 418
Springboot+maven+idea+mysql实战之获取数据库信息显示在前端
要实现获取数据库图片并在前端显示,可以按照以下步骤进行:
1. 在数据库中存储图片时,将其存储在 BLOB 类型的字段中。
2. 创建一个 springboot 项目,并添加所需的依赖,如 mybatis、mysql-connector-java 等。
3. 定义一个实体类,其中包含一个 BLOB 类型的字段,用于存储图片。
4. 定义一个 MyBatis 的 mapper 接口,用于操作数据库中的图片数据。
5. 在 controller 中编写一个接口,用于获取指定图片的数据,并返回字节数组。
6. 在前端页面中,使用<img>标签,将接口返回的字节数组转换为图片显示在页面上。
下面是代码示例:
实体类:
```
public class ImageEntity {
private int id;
private byte[] data;
// getter 和 setter 略
}
```
mapper 接口:
```
public interface ImageMapper {
@Select("SELECT data FROM image_table WHERE id = #{id}")
byte[] getImageDataById(int id);
}
```
controller 接口:
```
@RestController
public class ImageController {
@Autowired
private ImageMapper imageMapper;
@GetMapping("/image/{id}")
public ResponseEntity<byte[]> getImage(@PathVariable int id) {
byte[] imageData = imageMapper.getImageDataById(id);
HttpHeaders headers = new HttpHeaders();
headers.setContentType(MediaType.IMAGE_JPEG);
return new ResponseEntity<>(imageData, headers, HttpStatus.OK);
}
}
```
前端页面:
```
<img src="/image/1" />
```
阅读全文