使用Spring Boot、飞碟和Thymeleaf的PDF模板中未显示图像

Question

我使用Spring Boot、flying Discer和thymeleaf从html模板创建了一个pdf文件。但图像没有显示在我的文件中。

项目结构：

代码html：

<div class="col-xs-6 invoice-col-2">
   <img src="../static/images/mastercard.png" alt="mastercard"></img>
</div>

当我将img标签更改为：

<img src="../static/images/mastercard.png" alt="mastercard" th:src="@{static/images/mastercard.png}"></img>

当我创建PDF文件时，我得到一个错误：

组织。特里梅莱夫。例外情况。TemplateProcessingException:Link base“static/images/mastercard.png”不能与上下文相关（/）或与页面相关，除非您实现组织。特里梅莱夫。上下文IWebContext接口（上下文属于类：org.thymeleaf.context.context）

Answer 1

使用标准html src atribute和来自项目根的相对路径。

您可以将映像放在项目的根目录中并像这样使用它：

<img src="mastercard.png" />

如果要为文件夹分配资源，可以这样设置：

<img src="src/main/resources/static/images/mastercard.png" />

Answer 2

为了在飞碟生成的PDF中嵌入图像，

1）将图像转换为Base64编码字符串。

Path path = Paths.get("src/main/resources/static/images/mastercard.png");
String base64Image = convertToBase64(path);

函数将存储在如上所示路径中的图像转换为base64编码字符串

private String convertToBase64(Path path) {
    byte[] imageAsBytes = new byte[0];
    try {
      Resource resource = new UrlResource(path.toUri());
      InputStream inputStream = resource.getInputStream();
      imageAsBytes = IOUtils.toByteArray(inputStream);

    } catch (IOException e) {
      System.out.println("\n File read Exception");
    }

    return Base64.getEncoder().encodeToString(imageAsBytes);
  }

2） 在thymeleaf上下文中设置base64编码图像

    Context context = new Context();
    String image = "data:image/png;base64, " + base64Image;
    context.setVariable("image",  image);

    String html = templateEngine.process("template", context);

3） 在HTML中，设置图像的值，如下所示：

<img th:src="${image}" style="width: 200px; height=100px"/>

4） 最后，将HTML模板呈现为PDF

  ITextRenderer renderer = new ITextRenderer();
  renderer.setDocumentFromString(html); // html -> String created in Step 2
  renderer.layout();
  final ByteArrayOutputStream baos = new ByteArrayOutputStream();
  renderer.createPDF(baos)

现在，您有了生成的PDF的byteArrayOutputStream，您可以使用它选择将它们存储到文件服务器或以您选择的格式将其提供给客户端。

Answer 3

尝试使用Spring的类路径：前缀。这将直接从类路径加载文件，无论您是从运行。jar或在您的IDE中。下面是一个示例：

<img alt="mastercard" th:src="@{classpath:static/images/mastercard.png}" />

有关类路径的更多信息，请参阅官方文档。