一,java端
1,項目是基於springboot的。讀取本地圖片,轉成base64編碼字節數組字符串,傳到前端。
2,這種傳輸圖片的方式可以用於Java後臺代碼生成條形碼二維碼,直接轉成base64傳給前臺展示。ps:(在傳給前臺的字符串前要加上data:image/png;base64,,這樣html的img標籤的src才能以圖片的格式去解析字符串)
@RequestMapping("/login")
public String login(Map<String ,Object> map){
byte[] data = null;
// 讀取圖片字節數組
try {
InputStream in = new FileInputStream("E://aa.jpg");
data = new byte[in.available()];
in.read(data);
in.close();
} catch (IOException e) {
e.printStackTrace();
}
// 對字節數組Base64編碼
BASE64Encoder encoder = new BASE64Encoder();
// 返回Base64編碼過的字節數組字符串
map.put("image","data:image/png;base64,"+ encoder.encode(Objects.requireNonNull(data)));
return "login";
}
二,html端
用的是thymeleaf模板引擎,只是單純地展示base64編碼的圖片。
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>登錄</title>
</head>
<body>
<img th:src="${image}">
</body>
</html>