Feemarker Schreiben Bilder in HTML

Question

es sowieso Bild in Freemarker zu schreiben, anstatt Link als

geben

<img src="${pathToPortalImage}

Hinweis: kippe wir verwenden otputstream oder etwas in Freemarker?

Answer 1

Sie können das Bild als base64 direkt in den HTML-Code img einbetten.

Um ein Bild in Base 64 zu konvertieren, können Sie Apache Commons (codec) verwenden.

Hier ist eine Lösung Apache Commons IO + Codec verwenden (aber man kann ohne tun, wenn Sie wollen):

File img = new File("file.png"); 
byte[] imgBytes = IOUtils.toByteArray(new FileInputStream(img)); 
byte[] imgBytesAsBase64 = Base64.encodeBase64(imgBytes); 
String imgDataAsBase64 = new String(imgBytesAsBase64); 
String imgAsBase64 = "data:image/png;base64," + imgDataAsBase64; 

dann wird die Variable imgAsBase64 in den Freemarker Kontext übergeben, und es wie folgt verwendet werden:

<img alt="My image" src="${imgAsBase64}" /> 

Answer 2

Ein gutes Beispiel oben. Aber mit JAVA 8 wir können etwas tun:

Path path = Paths.get("image.png"); 
byte[] data = Files.readAllBytes(path); 
byte[] encoded = Base64.getEncoder().encode(data); 
String imgDataAsBase64 = new String(encoded); 
String imgAsBase64 = "data:image/png;base64," + imgDataAsBase64;