/** 
 * @author  李光光(編碼小王子)
 * @date    2018年6月28日 下午2:09:26 
 * @version 1.0   
 */
public class FileToBase64 {
    public static String getBase64FromInputStream(InputStream in) {
        // 將圖片文件轉(zhuǎn)化為字節(jié)數(shù)組字符串，并對其進行Base64編碼處理
        byte[] data = null;
        // 讀取圖片字節(jié)數(shù)組
        try {
            ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
            byte[] buff = new byte[100];
            int rc = 0;
            while ((rc = in.read(buff, 0, 100)) > 0) {
                swapStream.write(buff, 0, rc);
            }
            data = swapStream.toByteArray();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (in != null) {
                try {
                    in.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return new String(Base64.encodeBase64(data));
    }
}

把文件流轉(zhuǎn)base64，然后前端展示base64圖片

java端

項目是基于springboot的。讀取本地圖片，轉(zhuǎn)成base64編碼字節(jié)數(shù)組字符串，傳到前端。

這種傳輸圖片的方式可以用于Java后臺代碼生成條形碼二維碼，直接轉(zhuǎn)成base64傳給前臺展示。ps:（在傳給前臺的字符串前要加上data:image/png;base64,，這樣html的img標簽的src才能以圖片的格式去解析字符串）

@RequestMapping("/login")
    public String login(Map<String ,Object> map){
        byte[] data = null;
        // 讀取圖片字節(jié)數(shù)組
        try {
            InputStream in = new FileInputStream("E://aa.jpg");
            data = new byte[in.available()];
            in.read(data);
            in.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        // 對字節(jié)數(shù)組Base64編碼
        BASE64Encoder encoder = new BASE64Encoder();
        // 返回Base64編碼過的字節(jié)數(shù)組字符串
        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>