后端.transferTo得到图片后,怎么返回给前端
时间: 2024-03-15 11:43:58 浏览: 27
在后端中,可以通过将图片转换成Base64编码的字符串的形式进行返回给前端。具体实现可以使用以下代码:
```java
// 读取图片并转换成Base64编码的字符串
File file = new File("path/to/image.png");
String base64Image = null;
try (FileInputStream imageInFile = new FileInputStream(file)) {
// 读取图片字节流
byte[] imageData = new byte[(int) file.length()];
imageInFile.read(imageData);
// 将图片字节流转换成Base64编码的字符串
base64Image = Base64.getEncoder().encodeToString(imageData);
} catch (IOException e) {
e.printStackTrace();
}
// 返回Base64编码的字符串给前端
return ResponseEntity.ok().body(base64Image);
```
在前端中,可以使用JavaScript将Base64编码的字符串转换成图片并显示出来。具体实现可以使用以下代码:
```javascript
// 将Base64编码的字符串转换成图片并显示出来
var img = document.createElement('img');
img.src = 'data:image/png;base64,' + base64Image;
document.body.appendChild(img);
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)